摘要：web ide新時代！
原文：有趣的專案 - 在瀏覽器中執行 visual studio code
以下示例均基於coder當前版本（1.691）。後續版本中可能會發生變化，因此如果執行有問題的話，建議參考 coder 官網。
假如你的機器已經安裝了docker的話，那麼該方式是最簡便的。由於docker對linux系統支援最佳，而windows/macos雖然也能執行但比較彆扭，所以以下示例均以ubuntu為環境。執行容器只需要如下一行命令（你可以自行決定在什麼位置載入檔案卷）：
這時控制台將輸出伺服器啟動的日誌資訊，其中包含伺服器的啟動密碼（password），請記住該資訊，以防後續輸出內容太多難以找到。在後面我們要用它來登入。
啟動後在瀏覽器中導航到https://localhost:8443/。注意這裡和docker的執行方式有一點不同，本地執行時是強制使用https的，但使用了coder開發者證書，因此如果你看到瀏覽器提示證書問題的話，請選擇接受並繼續。接下來會提示你輸入控制台顯示的密碼：
輸入密碼，等伺服器啟動完畢後會自動進入與docker方式相同的介面。
這裡還有一點需要提醒。按照主流瀏覽器的安全策略，一旦你用https方式瀏覽了某個**，那麼後續都會要求你繼續使用該方式，即使手動輸入http字首也會強制跳轉https。因此，如果你先用本地方式啟動，再嘗試docker的話就會遇到無法使用的問題（因為docker方式並不支援https）。這時清空一下瀏覽器快取再執行就可以了。
無論使用哪種方式，啟動後在瀏覽器中都會看到熟悉的介面：
如果你嘗試使用一下會發現，這個vscode在某種程度上是經過「魔改」的，和本地執行的vscode在很多方面會有微妙的差別。比如，選單和標題欄都是在瀏覽器中繪製的，不像本地程式那樣使用系統 ui，而右上角的最小化/最大化/關閉按鈕也是沒用的。此外，開啟檔案/資料夾介面也是coder團隊提供的網頁內建介面，不再是系統的檔案對話方塊：
當然，這種行為是可以理解的，因為網頁中無法直接呼叫作業系統 ui，因此相關功能都是coder團隊修改後才能正常使用的。
如果你使用docker執行方式的話，那麼你還會注意到其他一些不同。例如，從終端的顯示你會發現該命令是執行在容器中的，所以在終端中執行的結果在容器執行結束後也不會保留下來。如果你希望保留工作結果的話，那麼應當使用版本控制系統。
那麼，在瀏覽器中編輯的實際體驗如何呢？我嘗試著編輯並執行了一些程式（當然要安裝對應的編譯器）、修改並提交markdown檔案，過程非常順暢，感覺和本地版的vscode沒有什麼不同。
但是，至少在目前，code-server存在乙個重大問題：無法在vscode中正常安裝各種外掛程式。我們都知道vscode要想好用的話通常要安裝大量第三方外掛程式，這就使得該工具的使用受到了很大的限制。按照官方說明，這似乎是由於外掛程式安裝機制的一些內在限制，並且開發團隊也在努力解決該問題，相信再過一段時間我們會看到乙個比較完善的解決方案。
vscode如何用瀏覽器預覽執行html檔案
1,開啟vscode編輯器，點選編輯器主介面左上側第五個小圖示 擴充套件 按鈕 2,進入擴充套件搜尋右拉框，在應用商店搜尋框中輸入 view in browser 會自動進行搜尋 3,等待幾秒鐘時間，擴充套件就會陸續出現，在view in browser 選項右下角會出現 安裝 小按鈕 4,點選左側...
瀏覽器中訪問vscode服務
1.場景一 在一台可訪問的伺服器x.x.x.x上,執行著docker映象系統a,對映埠3000,作ssh連線使用.web的vscode服務搭建 1.在映象系統a中執行code server code server extensions extensions port 8080 2.在本地機器上,使用...
vscode 設定預設瀏覽器
因為工作重灌vscode 以前的預設外掛程式都需要重灌，現在是編寫的檔案想要在chrome瀏覽器開啟 open in browser 如果檔案開啟chrome瀏覽器失敗或者顯示檔案不存在 在桌面上的chrome的屬性裡複製chrome的目標位址 把這個位址輸入到輸入框中 如果依舊顯示windows找...