微軟悄悄發(fā)布了 Web 版的 VsCode

大家好，我是零一

在8月31日，微軟發(fā)了一個介紹他們新發(fā)布的功能的帖子介紹，這個新東西就是——Web版的Vscode，不過現(xiàn)在已經(jīng)找不到那個帖子了，點(diǎn)進(jìn)去似乎已經(jīng)404了，估計(jì)是他們發(fā)早了，不過這也說明不久后他們就會重新發(fā)布，敬請期待~

其實(shí)WebIDE放到現(xiàn)在一點(diǎn)都不新奇，早在3年前，Gitee就推出了自己的"webide"

那個時(shí)候技術(shù)還不是太成熟，與其說是webide，還不如說是一個網(wǎng)頁版的git提交工具，適合出門在外臨時(shí)需要提交些東西，不過現(xiàn)在進(jìn)去一看，gitee的WEB IDE做的還算挺不錯的了

去年，Github推出了一個新功能叫做Codespaces，顧名思義，代碼空間，它是一個在線的開發(fā)環(huán)境，允許你在云端進(jìn)行開發(fā)，這似乎就可以讓你用平板甚至用你的手機(jī)隨時(shí)隨地進(jìn)行開發(fā)~

當(dāng)時(shí)這個功能內(nèi)測的時(shí)候，在每個倉庫中都會有一個名叫Open with Codespaces的入口，點(diǎn)擊后再選擇創(chuàng)建一個云端實(shí)例，就可以開始敲代碼了~

Github可能因?yàn)樽罱瞥隽诵碌脑诰€編輯功能，所以無法在每個倉庫里找到codespaces的入口了（現(xiàn)在可以通過訪問https://github.com/features/codespaces這個網(wǎng)址使用codespaces功能）

很多人都知道前段時(shí)間Github更新了一個重磅級功能，我們在Github上瀏覽任何一個倉庫時(shí)，只需要點(diǎn)擊鍵盤上的 . 這個鍵，就可以以該倉庫的文件打開一個網(wǎng)頁版的代碼編輯器，如下圖：

當(dāng)然你也可以通過把你正在瀏覽的Github倉庫地址的域名從github.com直接改為github.dev，同樣可以實(shí)現(xiàn)

這不就是個活生生的WebIDE嗎？所以這次微軟發(fā)布的Web版Vscode整體應(yīng)該跟Github的編輯器類似

據(jù)說，只要訪問https://vscode.dev這個網(wǎng)站（如果無法打開，可能是微軟還沒正式發(fā)布），就可以立馬使用web版的vscode，支持快速打開編輯Github的代碼和你本地的代碼，也支持更改并提交~

Github的在線編輯器有個缺陷，對于終端的使用似乎沒有那么友好，還需要借助本地VsCode的能力

而在微軟最新發(fā)布的公告中表示，其即將退出的Web IDE可以升級為GitHub Codespaces，即可以擁有構(gòu)建、調(diào)試、完全使用擴(kuò)展和訪問終端，這個其實(shí)國內(nèi)的Coding團(tuán)隊(duì)開發(fā)的Cloud Studio做的就挺不錯的了

說到底，為什么都在推行Web IDE，它到底有哪些優(yōu)點(diǎn)？我來談?wù)勎业目捶?/p>

隨時(shí)保存，隨處訪問

傳統(tǒng)的都是本地編輯器進(jìn)行開發(fā)，寫完代碼存到本地，寫好代碼了可以往遠(yuǎn)程倉庫推，如果沒推到遠(yuǎn)程倉庫，在別的電腦上也拿不到你最新的代碼。

而Web IDE是可以隨時(shí)保存你寫的代碼，及時(shí)你電腦突然壞掉了，也可以在任一設(shè)備上登錄找到項(xiàng)目地址拿到之前的所有代碼，因?yàn)樗拇a是存在云端的。

既然是Web版的，那么我們可以隨時(shí)隨地通過瀏覽器輸入地址去訪問，手機(jī)、平板似乎也實(shí)現(xiàn)了敲代碼自由，而且不用擔(dān)心代碼的同步問題~

保證環(huán)境一致

多人開發(fā)同個項(xiàng)目時(shí)，可能會因?yàn)槊總€人本地環(huán)境或編輯器的配置不同，導(dǎo)致可能代碼在A同學(xué)那是正常的，而在B同學(xué)那就有問題了。而Web IDE下的多人開發(fā)，訪問的都是同一個URL下的項(xiàng)目倉庫，所以環(huán)境只需配置一次，即可實(shí)現(xiàn)統(tǒng)一

實(shí)時(shí)協(xié)作

再談多人協(xié)作開發(fā)的場景，如果你在編碼時(shí)遇到問題，想分享給小伙伴一起看，你只需甩個URL過去即可，他們也不需要安裝環(huán)境，直接就可以幫你調(diào)試~ 而且代碼存儲在云端，講道理是可以達(dá)到多人同時(shí)訪問倉庫代碼并協(xié)同修改的功能的

其它

其它的功能，例如語法提示、代碼高亮等基本功能，Web IDE都有能力去實(shí)現(xiàn)

總結(jié)

這樣看來，Web IDE相比本地編輯器還是有很多優(yōu)勢的，怪不得都在力推。放眼望去，Web IDE的適用場景還挺多，例如筆試招聘、在線課堂、多人協(xié)作開發(fā)等等。

希望本期內(nèi)容對你有所幫助~ （瘋狂暗示點(diǎn)贊！）

我是零一，分享技術(shù)，不止前端。下期見~

參考資料