網頁版VS Code來了，特斯拉Xbox手機都能用，隨時隨地寫bug_風聞

　　豐色 蕭簫 發自 凹非寺

　　量子位 報道 | 公眾號 QbitAI

　　你可能永遠不知道同事以後會在什麼地方、用什麼寫代碼！

　　因為微軟正式發佈了網頁版的VS Code，只要你有瀏覽器，就能“為所欲為”。

　　這下，有人直接把它“搬”到了特斯拉車裏：

　　還有人在Xbox上解鎖：

　　是時候在Xbox上開發Xbox遊戲了？？

　　你們常説的iPad買前生產力，買後愛奇藝，這下iPad也終於能coding，再也沒理由摸魚了。

　　不僅iPad，連手機都行，如果你不嫌屏幕小的話……

　　怎麼樣？心動嗎？

　　反正我們一開始是很心動，所以立刻試了試。

　　對GitHub支持友好

　　我們先隨便在一台Mac電腦上打開，新建文件後選擇語言：

　　提問：所有編程語言都支持嗎？

　　答：No，分三檔。

　　第一檔為體驗幾乎與桌面端相同是“webby”語言，比如JSON、HTML、CSS和LESS；

　　其次是TypeScript、JavaScript和Python，由在瀏覽器中本地運行的語言服務提供支持，語法高亮、單文件自動補全、語法錯誤提示等功能都有，使用體驗“良好”；

　　其餘語言像什麼C/C++、C#、Java、Rust、Go……為最後一檔，只提供語法高亮、括號對上色、文本補全（別的功能需要自己裝插件）。

　　OK，除了自己新建文件，你也能打開本地項目。

　　除非你用的是什麼老得不能再老的IE？不過按照官方的説法，也能湊合，能打開單個文件或者遠程倉庫：

　　對，如果你想運行GitHub項目的話，只需在項目地址前加上vscode.dev/，就像這樣：

　　https://github.com/microsoft/vscode => **vscode.dev/**https://github.com/Microsoft/vscode

　　或者直接在這裏輸入項目地址：

　　瀏覽代碼時，可以直接用色彩選擇器選取顏色：

　　也可以直接生成對應代碼的鏈接，直接分享給其他用户，方便進行討論：

　　用VS Code，不裝點插件哪行？

　　不過，現在這個網頁版似乎支持的不多。

　　雖説大多數UI插件（主題、熱鍵等）都能用，比如下面這個“Night Owl”：

　　ps.可以通過Settings Sync在網頁版、桌面端和GitHub倉庫之間啓動同步。

　　還有什麼支持豐富圖像編輯的Luna Paint，GitHub Issue Notebooks等插件也行。

　　但是像那種使用了操作系統模塊的Node.js代碼插件、運行了可執行文件的插件等就不行了（搜倒是能搜出來，不過會標記）。

　　我們試了一下，Python插件竟然提示裝不了……

　　不過，基本的VS Code功能還是能用的，像能直接預覽Markdown代碼效果，也能直接保存文件到本地端：

　　好，那咱寫個“JS深拷貝”運行一下：

　　Oh，No！雖然它給編譯留出了按鍵，但卻無法在線編譯！

　　不得不承認，瀏覽器相比桌面端還是有限制。

　　而且，網頁版還不支持終端……

　　好在，對GitHub的託管支持還不錯：

　　內置GitHub Repositories、Codespaces和Pull Request等插件，提交、拉取代碼都很方便。

　　不像對Azure Repos，雖説也支持，但目前只能預覽，讀寫功能還在路上，別的就更別提了。

　　當然，除了Mac電腦以外，我們還在iPad的Safara瀏覽器上試着運行了一下網頁版VS Code：

　　在安卓手機上也沒問題，除了官宣的Chrome瀏覽器以外，微軟當然也不會放過自帶的Edge瀏覽器，我們又試了一下用Edge運行，OK：

　　當然，記得要將各種設備（安卓、iPad等）上的Chrome/Edge瀏覽器更新至最新版本，否則就會卡在下面這個界面：

　　整體來説，網頁版VS Code還是查看項目代碼很方便的利器。

　　如果出門在外沒帶電腦，可以直接用身邊的其他設備在線查看代碼。（給同事挑bug）

　　不過，這其實不是微軟第一次推出在線版本了。

　　微軟：我們正在推動插件支持

　　早在Build 2019開發者大會上，微軟就宣佈了會有網頁版本的VS Code。

　　最初的VS Code網頁版叫VS Online （Visual Studio Online）。

　　後來微軟發現，VS Online不僅被用來當做網頁版代碼編輯器，也更像是一個雲代碼存儲空間，所以VS Online又被改名叫VS Codespaces。

　　注意，VS Online和VS Codespaces在雲端運行編譯是要收費的。（沒錯，你也可以自己搭服務器，不收費）

　　後來VS Codespaces進一步“進化出”GitHub Codespaces，可以直接在GitHub上雲編譯代碼。

　　甚至有人發現了這個快捷功能：直接在GitHub各種頁面上按下“。”按鍵，就能進入在線編輯界面：

　　現在，這個GitHub在線編輯器進化成了完整的VS Code網頁版編輯器，也就是這次微軟正式發佈的網頁版VS Code。

　　不過，也不是不能在瀏覽器上就完成代碼的編譯工作——你可以藉助Codespaces的雲服務器來付費計算：

　　所以也有人調侃，微軟推出的這個VS Code網頁版，就是為了推廣微軟Azure雲服務器設計的（手動狗頭）

　　最後，雖然這次發佈的這個網頁版VS Code還不能和桌面端媲美，但微軟此番願景就是能讓大家真正實現在任何地方寫任何代碼，所以它叫大家“敬請期待更多”。

　　就比如插件，別看現在少，官方説幾乎每天都有新的在加入～

　　而且大家還能貢獻自己開發的插件，開發規範和發佈規則都可去VS Code官網查看。

　　誒？説到隨時隨地寫代碼，這才是程序員的真實想法吧：

　　還有馬上10.24了，莫非這也是微軟提前給廣大程序員們的一個驚喜？

　　“驚喜”傳送門：

　　https://vscode.dev/

　　參考鏈接：

　　[1]https://www.zdnet.com/article/microsoft-makes-its-vs-code-tool-available-directly-in-the-browser/

　　[2]https://code.visualstudio.com/blogs/2021/10/20/vscode-dev

　　[3]https://www.youtube.com/watch?v=sy3TUb_iVJM

　　[4]https://news.ycombinator.com/item?id=28932206

　　[5]https://github.com/features/codespaces

　　[6]https://github.com/github/dev

　　[7]https://visualstudiomagazine.com/articles/2021/10/20/vs-code-web.aspx