網頁版VS Code來了,特斯拉Xbox手機都能用,隨時隨地寫bug

豐色 蕭簫 發自 凹非寺
量子位 報道 | 公眾號 QbitAI

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

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

這下,有人直接把它「搬」到了特斯拉車裡

這下,有人直接把它「搬」到了特斯拉車裡:

還有人在Xbox上解鎖

還有人在Xbox上解鎖:

是時候在Xbox上開發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,除了自己新建檔案,你也能打開本地項目。

OK,除了自己新建檔案,你也能打開本地項目

除非你用的是什麼老得不能再老的IE?不過按照官方的說法,也能湊合,能打開單個檔案或者遠端倉庫:

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

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

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

或者直接在這裡輸入項目地址:

瀏覽程式碼時,可以直接用色彩選擇器選取顏色:

瀏覽程式碼時,可以直接用色彩選擇器選取顏色

也可以直接生成對應程式碼的連結,直接分享給其他使用者,方便進行討論:

用VS Code,不裝點外掛哪行?

用VS Code,不裝點外掛哪行?

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

雖說大多數UI外掛(主題、熱鍵等)都能用,比如下面這個「Night Owl」:

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

還有什麼支持豐富圖像編輯的Luna Paint,GitHub Issue Notebooks等外掛也行。

但是像那種使用了作業系統模組的Node.js程式碼外掛、運行了可執行檔案的外掛等就不行了(搜倒是能搜出來,不過會標記)。

我們試了一下,Python外掛竟然提示裝不了……

不過,基本的VS Code功能還是能用的,像能直接預覽Markdown程式碼效果,也能直接保存檔案到本地端:

好,那咱寫個「JS深複製」運行一下

好,那咱寫個「JS深複製」運行一下:

Oh,No!雖然它給編譯留出了按鍵,但卻無法線上編譯

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

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

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

好在,對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

點這裡👇關注我,記得標星哦~

一鍵三連「分享」、「點贊」和「在看」

科技前沿進展日日相見~

相關文章

我為什麼放棄了 LangChain?

我為什麼放棄了 LangChain?

「LangChain 的流行已經扭曲了圍繞其本身的人工智慧創業生態系統,這就是為什麼我不得不坦誠自己對它的疑慮。」 如果你關注了過去幾個月中...

使用 TVMC 編譯和最佳化模型

使用 TVMC 編譯和最佳化模型

內容一覽:本節講解使用 TVMC 編譯和最佳化模型。TVMC 是 TVM 的命令驅動程序,通過命令列執行 TVM 功能。本節是了解 TVM ...

科普 | 叔塊驗證與網路安全性

科普 | 叔塊驗證與網路安全性

來源 | 以太坊愛好者 責編 | 晉兆雨 頭圖 | 付費下載於視覺中國 在一個共識協議中,最簡單的錯誤也會導致災難。 我準備開一個系列,講解...