我的全新blog在此：leaf.mistyra.in，排版更舒服，頁面更美觀，原博客上所有內容在新博客上都有，歡迎大家移步
完全在瀏覽器里的vscode——vscode.dev使用體驗
最近幾天由於上學，加上上周忙着拍車，剪輯視頻，兩天硬是一天一更，就沒啥時間管代碼方面的事情了。今天更新了一下vscode，無意之中在更新日志里發現了這個玩意，於是點擊鏈接進來看……這個東西是在今年的10月22日發布的，所以，當我在寫這一篇博客的時候，已經很晚了。不過當我翻了一下百度以及其他好基友的博客之后，發現他們都沒有寫這個東西，心想也許我還能鑽個空子😏
這個一下子就震驚到我了，多年的夢想居然突然就被實現了，上方還有關於vscode.dev的介紹文檔，啪的一下，很快昂，我就點進去看了😜
-
體驗前的題外話
文檔的第一段（中英對照，谷歌翻譯）：
Back in 2019, when the .dev top-level domain opened, we picked up vscode.dev and quickly parked it, pointing at our website code.visualstudio.com (or, if you are from the Boston area like me, we "pahked it"). Like a lot of people who buy a .dev domain, we had no idea what we were going to do with it. And we certainly didn't anticipate that it would end up being the fulfillment of a mission over a decade in the making.
早在 2019 年，當.dev頂級域名開放時，我們拿起vscode.dev並快速停放，指着我們的網站code.visualstudio.com（或者，如果您像我一樣來自波士頓地區，我們“pahked”）。像許多購買.dev域名的人一樣，我們不知道我們將用它做什么。而且我們當然沒有預料到它最終會完成一項十多年的使命
啊？說實話這件事情我是一點都不曉得，立馬就去Wayback Machine上看了一下，還真是…
這是2021年8月31日的記錄，也是在Wayback Machine上能找到的最早的記錄，不過它指向的是microsoft的登錄界面……
-
正式開始
以下就是我對於vscode.dev的所有評測
-
什么是vscode.dev？
這一點在官方的文檔里也有相應的解釋，“Visual Studio Code for the Web 提供完全在您的瀏覽器中運行的免費、零安裝 Microsoft Visual Studio Code 體驗，使您能夠快速、安全地瀏覽源代碼存儲庫並進行輕量級代碼更改。”，也就是說你在使用它之前不需要做任何事，只需要一個稍微正常一點的設備和一個能正常訪問的瀏覽器，然后訪問vscode.dev，就可以使用了。沒錯，不需要任何其他的東西，就只是需要這么兩樣工具，你就可以使用了。所以說他的本質很簡單很簡單，就是一個在瀏覽器上運行的web代碼編輯器…就是一個…可以個性化，可以組件化的編輯器…嗯…也就是一個編輯器。
有些人也許就要開始問了：“啊？就只是一個編輯器啊？就那么普通啊？微軟啊——你怎么這么墮落啊——”
的確，現在網上上類似這種東西的，不管是國內還是國外，都很多。國內的要說有較為完整的代碼提示之類的東西的話就比如gitee的那個web ide或者w3school的了；國外的代碼提示與補全比較齊全的就比如stackblitz了。
那么在這么廣大的網頁端代碼編輯器之間，vscode.dev的優勢保持在什么呢？
-
vscode.dev：八十萬對六十萬，優勢在我！
在這里不講深層次的東西，只講在平時用得到的淺顯的東西
-
易於入門
首先在vscode.dev上非常直觀的一個優點就是——易於入門。
從開頭的這個圖片很容易就能看出來，它和在本地運行的vscode基本沒什么大區別，比起使用其他的網頁端編輯器，vscode.dev能以更快的速度上手。因此，它的其他方面的功能也因為這一點變得無比好使
-
可直接打開本地文件/文件夾（僅電腦端）
這個…也需要說一點吧，並不是大部分網頁端編輯器都有這個功能，放到vscode.dev上也不知道為啥，就變得巨好無比…
實測打開是完全沒有問題的，不過打開只適用於電腦端。如果你是ipad，那只能上傳。
同時，你也可以打開github上的repo
這個打開目前只能打開自己賬號里的repo，這個應該都知道的。
打開后也是沒有問題，可以正常使用的
-
Source Control
非常令人驚喜，vscode.dev也可以使用Source Control。不過如果你是本地打開文件夾的，這個功能將不能使用，畢竟vscode.dev只是一個網頁端的代碼編輯器；不過如果你是打開github上的repo，那是可以使用的。（也僅限github）
同步也和一般的vscode無兩樣
-
插件！（ohhhh重頭戲）
在vscode.dev中，可以使用部分原來vscode的插件（注意是部分！后面我會講）
這極大地賦予了vscode.dev的可玩性。同時也令人大為驚奇。vscode團隊的這波操作啊，很好很強
-
可以連接github codespaces
這點都也要歸功於它的插件市場。不過這個是直接預裝在vscode.dev里的。同時它的github插件也是一樣，都被預裝在了vscode.dev里。
當然codespaces我並不能體驗一波。因為我codepsace的申請從去年到現在就一直沒有通過……官方給出的說法是這個codespace的體驗人數是分批的，叫我繼續等待……
此外，還有很多地方，同普通的vscode一樣。在實際編碼過程中（也只是編碼），同普通的vscode是一模一樣的。
當然，這也只是可玩性
-
不及之缺點
由於它是一個網頁端的代碼編輯器，也只是一個網頁端的代碼編輯器，它不是一個雲端IDE，它完完全全地在瀏覽器中運行，在實際體驗中會有很多很多的限制，無法與普通的vscode相比。如果論實用性的話，vscode.dev完爆。與它擁有同類UI（一個模子里刻出來的）雲端IDE有cloud studio和code-server。cloud studio是騰訊雲coding搞得，很不錯，終端還是默認oh-my-zsh，他們宣傳也做得很好，看上去非常誘人。就是免費使用空間只能用四個小時，老騰訊了😓code-server不用多說，沒啥毛病，用就完了。
說到終端，就提到了vscode.dev的第一個缺點
-
無終端之苦
這點很容易理解，由於vscode.dev完全在瀏覽器中運行，所以它是沒有終端的。用vscode.dev文檔里的話來說就是“這是有道理的”。
……
🤣
oh，沒有終端的vscode就少了靈魂~
這點在vscode.dev的文檔中也有寫到
-
支持的插件太少
很簡單，也是由於它就是一個網頁端代碼編輯器的原因，它支持的插件非常少……
連C/C++的插件都沒有支持，是不是血壓立馬就上去了？
-
語言方面問題
vscode所有的語言支持都是依靠插件實現的，這在vscode.dev上也因此造成了一個比較尷尬的問題
除了英語之外，你不能更換任何語言。同時這也不僅僅是啥插件的原因，在命令菜單里連Configure Display Language選項也沒有…
這可能對於部分時候會有略微的使用上的困難
-
不可調試運行
這一缺陷直接導致了vscode.dev生產力的大幅度喪失。道理都懂……
不過非常神奇的是，vscode團隊還是給它加上了Run and Debug選項？！（就蠻迷惑的）
下面那個按鈕指向的是本地的vscode……就無語……
-
所以說，vscode.dev到底有什么用？
我對於vscode.dev的評價就是：可玩性極大，生產力很低。但是不能說它沒有什么大用處。在一些情況下，vscode.dev能很輕量化地完成你的需求。比如說你可以想象一個場景：你在外頭游玩，或者在交通工具上，這時你的一個項目有了一點小問題，你可以用你的ipad直接打開vscode.dev，修改、提交，一氣呵成。這樣子使用還是蠻好的，可以避免把時間浪費在打開電腦、打開IDE上面。所以說這個東西對於小修小改還是蠻有幫助的，非常地輕量、非常地快。再比如說，你可以把它當作一個輕量的markdown編輯器用來記筆記。
它的最大優點也同時表現在其他設備上。vscode.dev的文檔特別地提到了在chromebook和ipad上使用vscode.dev。
- 在 Chromebook 等低功率機器上編輯您的代碼，您無法（輕松）安裝 VS Code。
- 在 iPad 上開發。您可以上傳/下載文件（甚至使用 Files 應用程序將它們存儲在雲中），以及使用內置的 GitHub 存儲庫擴展遠程打開存儲庫。
所以說，vscode.dev在這一點來上講是非常優秀的。隨着ipad os以及全新ipad的推出，ipad變得更加可用，變得更加可生產。一個ipad，配上一個鍵盤，再配上一個鼠標，簡直就是一台小型電腦。vscode.dev的出現，使得在ipad上編寫代碼變得更加零門檻。
但是，即使它能在ipad上編寫代碼，它真的很實用嗎？
-
對於vscode.dev的思考
vscode.dev無疑是vscode團隊的一次腦洞大開的設計，也使得很多人心目中的所想變成現實。但是如果想要把它變成一個生產力的工具，那要付出的代價則是巨大的。它在目前看來，只適合輕量化的修改。有些人使用這個可能是因為，vscode.dev在ipad上適配非常好。但是如果我告訴你，cloud studio和code-server的體驗會比vscode.dev好上幾千倍，幾萬倍，有終端有git，你又會作何感想呢？
目前上來看，vscode.dev因為它的設計，阻止了它的地位。
我並不是對於vscode.dev做出完全貶義的態度，它作為一個輕量化的修改工具，亦或是作為一個markdown筆記編輯器，它是好樣的；但是更多的人也許不需要這套東西來解決需求，加上它至始至終都欠缺的生產力，它的用途、地位也變得異常尷尬。
不過我對於vscode.dev的前途並不悲觀，從vscode.dev的文檔中，團隊承諾，將在vscode.dev中支持更多的插件，證明在將來，vscode.dev將會接受更多的維護與更新。未來的vscode.dev，一定會發展的越來越好！
我在那個時代等它。
-
結束語
“法拉第先生，這東西有什么作用呢？”
“夫人，一個剛剛出生的嬰兒有什么作用呢？”