您的筆電已經五年了,建置一次要八分鐘,而您想在火車上用平板修個 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 建置、大型 monorepo | Medium — 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 使用場景。方案詳情和升級路徑見方案文件。
評論
目前還沒有評論。歡迎成為第一位。