「來源： ｜React ID：react_native」
大家好，我是零一
在8月31日，微軟發了一個介紹他們新發布的功能的帖子介紹，這個新東西就是——Web版的Vscode，不過現在已經找不到那個帖子了，點進去似乎已經404了，估計是他們發早了，不過這也說明不久後他們就會重新發布，敬請期待~
其實WebIDE放到現在一點都不新奇，早在3年前，Gitee就推出了自己的“webide”
Gitee的webide
那個時候技術還不是太成熟，與其說是webide，還不如說是一個網頁版的git提交工具，適合出門在外臨時需要提交些東西，不過現在進去一看，gitee的WEB IDE做的還算挺不錯的了
去年，Github推出了一個新功能叫做Codespaces，顧名思義，程式碼空間，它是一個線上的開發環境，允許你在雲端進行開發，這似乎就可以讓你用平板甚至用你的手機隨時隨地進行開發~
當時這個功能內測的時候，在每個倉庫中都會有一個名叫Open with Codespaces的入口，點選後再選擇建立一個雲端例項，就可以開始敲程式碼了~
去年的CodeSpaces入口
Github可能因為最近推出了新的線上編輯功能，所以無法在每個倉庫裡找到codespaces的入口了（現在可以透過訪問https：//github。com/features/codespaces這個網址使用codespaces功能）
很多人都知道前段時間Github更新了一個重磅級功能，我們在Github上瀏覽任何一個倉庫時，只需要點選鍵盤上的 。 這個鍵，就可以以該倉庫的檔案開啟一個網頁版的程式碼編輯器，如下圖：
點這個就能在github開啟倉庫的程式碼編輯
當然你也可以透過把你正在瀏覽的Github倉庫地址的域名從github。com直接改為github。dev，同樣可以實現
這不就是個活生生的WebIDE嗎？所以這次微軟釋出的Web版Vscode整體應該跟Github的編輯器類似
據說，只要訪問https：//vscode。dev這個網站（如果無法開啟，可能是微軟還沒正式釋出），就可以立馬使用web版的vscode，支援快速開啟編輯Github的程式碼和你本地的程式碼，也支援更改並提交~
Github的線上編輯器有個缺陷，對於終端的使用似乎沒有那麼友好，還需要藉助本地VsCode的能力
Github線上編輯器暫不支援終端
而在微軟最新發布的公告中表示，其即將退出的Web IDE可以升級為GitHub Codespaces，即可以擁有構建、除錯、完全使用擴充套件和訪問終端，這個其實國內的Coding團隊開發的Cloud Studio做的就挺不錯的了
說到底，為什麼都在推行Web IDE，它到底有哪些優點？我來談談我的看法
隨時儲存，隨處訪問
傳統的都是本地編輯器進行開發，寫完程式碼存到本地，寫好程式碼了可以往遠端倉庫推，如果沒推到遠端倉庫，在別的電腦上也拿不到你最新的程式碼。
而Web IDE是可以隨時儲存你寫的程式碼，及時你電腦突然壞掉了，也可以在任一裝置上登入找到專案地址拿到之前的所有程式碼，因為它的程式碼是存在雲端的。
既然是Web版的，那麼我們可以隨時隨地透過瀏覽器輸入地址去訪問，手機、平板似乎也實現了敲程式碼自由，而且不用擔心程式碼的同步問題~
保證環境一致
多人開發同個專案時，可能會因為每個人本地環境或編輯器的配置不同，導致可能程式碼在A同學那是正常的，而在B同學那就有問題了。而Web IDE下的多人開發，訪問的都是同一個URL下的專案倉庫，所以環境只需配置一次，即可實現統一
圖片來源：韓駿
實時協作
再談多人協作開發的場景，如果你在編碼時遇到問題，想分享給小夥伴一起看，你只需甩個URL過去即可，他們也不需要安裝環境，直接就可以幫你除錯~ 而且程式碼儲存在雲端，講道理是可以達到多人同時訪問倉庫程式碼並協同修改的功能的
其它
其它的功能，例如語法提示、程式碼高亮等基本功能，Web IDE都有能力去實現
總結
這樣看來，Web IDE相比本地編輯器還是有很多優勢的，怪不得都在力推。放眼望去，Web IDE的適用場景還挺多，例如筆試招聘、線上課堂、多人協作開發等等。
希望本期內容對你有所幫助~ （瘋狂暗示點贊！）
我是零一，分享技術，不止前端。下期見~
參考資料
［1］
WebIDE：在瀏覽器中寫程式碼的時代即將來臨？： https：//blog。csdn。net/weixin_33698043/article/details/89182132
［2］
GitHub 推出 Codespaces Beta： https：//zhuanlan。zhihu。com/p/264892651
［3］
GitHub Codespaces 釋出！在瀏覽器中使用 VS Code 進行雲端開發： https：//zhuanlan。zhihu。com/p/138815577