−25%

Windows 年繳方案適用,至 10 月 31 日。 檢視方案

EQVPS
開始使用

code-server 專用 VPS:在瀏覽器裡用 VS Code

在 VPS 上執行 code-server,用任何裝置寫程式碼:安裝、透過 SSH 通道或 HTTPS 私密存取、適合真實專案的設定,以及它的侷限。

您的筆電已經五年了,建置一次要八分鐘,而您想在火車上用平板修個 bug。code-server 在伺服器上執行 Visual Studio Code,把完整的編輯器放進一個瀏覽器分頁——同樣的擴充、同樣的終端、同樣的快捷鍵。重活都在 VPS 上幹,您的裝置只負責畫介面。

為什麼 VPS 很適合

  • 到哪兒都是同一套環境。 不管用筆電、借來的電腦還是 iPad,都是同樣的程式碼、工具和設定。
  • 建置不耗電池。 編譯和測試用的是伺服器的 CPU。
  • 長任務不會斷。 合上筆電,tmux 裡的任務照樣跑。
  • 下載更快。 npm install 和 docker pull 走的是伺服器的高速線路,不是酒店的 Wi-Fi。

需要什麼設定

工作內容推薦方案
指令碼、改設定、小型 Python 專案Micro — 2 vCPU、2 GB、每月 $5
用 TypeScript、PHP 或 Go 寫 Web 應用Small — 4 vCPU、4 GB、每月 $8
多個專案、Docker 建置、大型 monorepoMedium — 6 vCPU、6 GB、每月 $12

語言伺服器是隱形開銷。一個幾千個檔案的 TypeScript 專案,單它自己就可能吃掉 1 GB。

安裝

以帶 sudo 的普通使用者身分(不是 root——見我們的 sudo 使用者指南):

curl -fsSL https://code-server.dev/install.sh | sh
sudo systemctl enable --now code-server@$USER

安裝指令碼會為您的發行版選對套件。設定在 ~/.config/code-server/config.yaml 裡:

bind-addr: 127.0.0.1:8080
auth: password
password: use-a-long-random-password
cert: false

改完後重新啟動:sudo systemctl restart code-server@$USER。讓 bind-addr 保持 127.0.0.1——前面沒有 HTTPS 時,它絕不應該監聽公用位址。

存取方式一:SSH 通道(任何方案都能用)

在您自己的機器上:

ssh -p 22 -N -L 8080:127.0.0.1:8080 you@203.0.113.10

然後開啟 http://localhost:8080。沒有任何東西暴露到網際網路上,加密交給 SSH。NAT 方案請把 22 換成控制面板裡的專屬 SSH 埠。一個人開發的話,我們推薦這種方式。

存取方式二:在自己的網域上用 HTTPS

想在沒法用 SSH 的裝置上存取,就在獨立 IP 方案上用 nginx 放在前面。把一個子網域解析到伺服器(方法在這裡),然後設定支援 WebSocket 的反向代理:

server {
    server_name code.example.com;
    location / {
        proxy_pass http://127.0.0.1:8080;
        proxy_set_header Host $host;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection upgrade;
        proxy_set_header Accept-Encoding gzip;
    }
}

用 certbot --nginx -d code.example.com 申請憑證。細節見我們的反向代理指南。用公開 URL 時,config.yaml 裡的密碼是網際網路和您伺服器 shell 之間唯一的屏障,所以一定要設長。

切換前要知道的事

  • 擴充來自 Open VSX。 熱門的大多都有,少數微軟獨佔的沒有。先查查您用的那些。
  • 有時瀏覽器快捷鍵會搶先。 Ctrl+W 關的是分頁,不是檔案。從瀏覽器選單把 code-server 安裝成 PWA,大部分問題就解決了。
  • 沒有 GPU。 這是 CPU 伺服器——寫程式碼很合適,訓練模型不行。
  • 長任務放 tmux。 內建終端會跟著分頁一起沒。

搭配使用

如果您在用 AI 程式設計助手,同一台伺服器可以把它們跑在編輯器旁邊——見在 VPS 上執行程式設計代理和 Claude Code 使用場景。方案詳情和升級路徑見方案文件。

準備好部署了嗎?以加密貨幣付款,免 KYC——大約一分鐘上線。

立即部署 →

常見問題

NAT 方案能用 code-server 嗎?

能。讓 code-server 綁定在 127.0.0.1 上,透過專屬 SSH 埠的 SSH 通道存取——瀏覽器在您自己的機器上開啟 http://localhost:8080。只有想在自己的網域上用公開的 HTTPS 位址時,才需要獨立 IP 方案。

code-server 需要多少記憶體?

code-server 本身很輕,但語言伺服器、TypeScript 建置和測試執行器可不輕。小指令碼 2 GB 夠用;一般的 Web 專案用 4 vCPU 加 4 GB(Small)會比較舒服。

VS Code 的擴充都能用嗎?

大部分能。code-server 從 Open VSX 儲存庫安裝擴充,少數微軟獨佔的擴充沒有在那裡發布。遷移工作流之前,先確認您離不開的那些擴充。

把 code-server 暴露到網際網路上安全嗎?

只有放在 HTTPS 後面並設了強密碼才算安全,最好乾脆不暴露。誰進來了,誰就拿到了您伺服器上的終端。SSH 通道能讓它完全不出現在網際網路上。

關掉瀏覽器分頁,建置還會繼續嗎?

在內建終端裡啟動的任務,終端一關就會停。把耗時長的任務放進 tmux 或做成 systemd 服務,您離線時它們也會跑完。

評論

目前還沒有評論。歡迎成為第一位。

發表評論

評論在顯示前會經過審核。