首頁 > 開發工具 > VSCode > 主體

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

青灯夜游
發布: 2020-12-01 17:41:19
原創
6896 人瀏覽過

如何使用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中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板