文章首發於個人公號：「阿拉平平」
我平時寫腳本或項目，通常是在 IDE 配好遠程服務器再同步代碼。但最近同事和我吐槽，他的電腦重裝了系統，導致要重新安裝和配置 IDE。這讓我意識到，如果 IDE 能夠部署到服務端，是不是一種更好的團隊合作模式呢？於是我找到了 code-server，和大家分享下。
項目介紹
code-server[1] 是一款在線的 VS Code，只需將其部署到服務端，就可以在瀏覽器上使用 VS Code。本文將介紹 code-server 安裝和使用方法，版本爲 v3.10.2。
下載安裝
code-server 安裝的方式有很多，可以通過官方腳本[2]、二進制文件[3] 或者 docker 安裝。由於服務器上已經裝了 docker，所以我準備用容器的方式部署。
我啓動服務的命令如下。其中，/data/project 是工作目錄；$HOME/.config 用於存放 IDE 的設置。
mkdir -p ~/.config
docker run -d --name code-server -p 8080:8080 \
-v "$HOME/.config:/home/coder/.config" \
-v "/data/project:/home/coder/project" \
-u "$(id -u):$(id -g)" \
-e "DOCKER_USER=$USER" \
codercom/code-server:latest
服務啓動後，在瀏覽器中輸入 http://{ip}:8080 進行訪問：
根據登錄頁面的提示，輸入容器中配置文件裏的密碼，登錄後界面如下：
看到這界面，不能說和 VS Code 毫不相干吧，只能說一模一樣。
使用說明
code-server 的使用基本和 VS Code 一致。在本章中，我將和大家介紹：
- 如何安裝插件
- 如何修改設置
安裝插件
可以看到，code-server 的界面默認是英文的，所以我打算先裝個漢化插件。和 VS Code 一樣，我們可以到插件中心搜索並安裝插件：
除了插件中心，我們也可以通過 VSIX 離線安裝插件。以安裝 Python 插件爲例，操作步驟如下：
插件安裝完成後，讓我們看看 code-server 運行代碼的效果：
針不戳，代碼運行正常。不過似乎哪裏還有點不對勁？
修改設置
明白了，code-server 默認用的是淺色主題，字體也偏小了，於是我調整了下 IDE 的字體和主題。
修改的方式也和 VS Code 無異，通過快捷鍵 Ctrl + , 調出設置界面，在文本編輯器的『字體』一欄調整字體以及大小。
在工作臺的『外觀』一欄中，則可以修改編輯器的主題。
寫在最後
本文簡單地介紹了 code-server 的安裝和使用方法。將 IDE 置於瀏覽器上，我認爲好處顯而易見的：
- 免去安裝客戶端以及配置 IDE 的麻煩。
- 成員間使用的開發環境一致，適合團隊合作。
- 賦予了跨設備開發的能力，可以在手機或平板上進行開發。
References
[1] code-server: https://github.com/cdr/code-server
[2] 官方腳本: https://github.com/cdr/code-server/blob/main/install.sh
[3] 二進制文件: https://github.com/cdr/code-server/releases