如何使用code-server打造自己的雲端VSCode？

相關推薦：《vscode基礎教程》

最近出門學習老是要背著電腦還挺累的，但我又需要電腦進行程式設計。有沒有什麼方法可以讓我只需攜帶iPad外出同時又能進行程式設計呢？

答案是開源專案code-server，透過它可以在瀏覽器上執行VS Code。以下我將介紹如何使用code-server打造你的雲端VS Code。

目標

透過code-server在你的伺服器上執行VS Code，然後透過瀏覽器存取VS Code。

伺服器

首先你需要準備一台伺服器，官方文件推薦的最低配置是

• 1 GB of RAM
##2 cores（ 1核能跑，但有時候會卡住）

如果你還沒有伺服器，國內推薦購買騰訊雲（良心雲）伺服器；國外推薦購買Vultr，按量計費，線路不錯，支持微信/支付寶。如果你想支持我，可以使用我的AFF鏈接，你將會獲得100美元的使用額度，我也會得到25美元的使用額度。

作業系統可以使用任何你喜歡的Linux發行版，本文以Ubuntu 20.04為例。

安裝code-server

我們將透過官方提供的腳本安裝code-server。使用XShell或Putty等登陸你的伺服器，然後依序執行如下指令：

curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run
curl -fsSL https://code-server.dev/install.sh | sh

執行完畢後，安裝腳本將會列印如何執行和使用code-server。

systemctl start code-server@$USER // 启动code-server

#存取code-server

code-server預設使用密碼登入（密碼儲存在

~/.config/code-server/config.yaml），並且監聽losthost以避免向外界暴露自己。但我們的目標是在不同的機器上存取它。

下面我將介紹一種安全的且簡單的存取code-server的方法。

在更進一步之前，你需要確保伺服器開啟HTTP/HTTPS連接埠

ufw allow 80
ufw allow 443

1、一個你自己的網域（你都已經看到這裡了相信你也是有網域的人。如果還沒有，你可以考慮買一個，我使用的是NameCheap，Github學生包裡有一年免費的NameCheap網域）。

2、使用A記錄解析你的網域到伺服器IP。

3、安裝Caddy。

echo "deb [trusted=yes] https://apt.fury.io/caddy/ /" \
    | sudo tee -a /etc/apt/sources.list.d/caddy-fury.list
sudo apt update
sudo apt install caddy

Caddy伺服器是一個開源的，使用 Golang 編寫，支援 HTTP/2 的 Web 服務端。它使用Golang 標準函式庫提供HTTP 功能。 Caddy 一個顯著的特性是預設啟用HTTPS。它是第一個無需額外配置即可提供HTTPS 特性的Web 伺服器。

——維基百科

注意：上述方法安裝的是Caddy 2，而目前中文網路搜尋出來的Caddy文件大部分是1版本，2和1有不少差別，請讀者自行查閱官方英文文檔。

4、

nano /etc/caddy/Caddyfile，將裡的內容替換下面內容

yourdomain.com
reverse_proxy 127.0.0.1:8080

5、重啟caddy：

sudo systemctl reload caddy

接著在瀏覽器訪問

https://就可以進入你的code-server頁面囉！

修改密碼

只要修改

~/.config/code-server/config.yaml裡password的值，然後重新啟動code-server即可：

sudo systemctl restart code-server@$USER

參考

code-server Setup Guide（https://github.com/cdr/code-server/blob/v3.7.3/doc/guide.md）

更多程式設計相關知識，請造訪：

程式設計教學！ ！

以上是如何使用code-server打造自己的雲端VSCode？的詳細內容。更多資訊請關注PHP中文網其他相關文章！