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

因為微軟正式釋出了網頁版的 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/