如何使用code-server打造自己的云端VSCode?

如何使用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)

更多編程相關知識,請訪問:vscode基礎教程!!

? 版權聲明
THE END
喜歡就支持一下吧
點贊14 分享