VSCode Web IDE Coder 安裝及使用

概述

Coder是VS Code的Web IDE，分Code Server 和 Coder，Code Server安裝在服務器上，通過瀏覽器打開地址后可以使用一個web版的VS Code，也就是Coder，但VS Code的插件無法使用。

VSCode：https://code.visualstudio.com/
Code-Server說明：https://coder.com/docs/code-server/latest
Coder說明：https://coder.com/docs/coder/latest
源碼：https://github.com/cdr/code-server

安裝

以utuntu18為例

1. 安裝deb

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

## 根據提示安裝deb
 mkdir -p ~/.cache/code-server
 curl -#fL -o ~/.cache/code-server/code-server_3.11.1_amd64.deb.incomplete -C - https://github.com/cdr/code-server/releases/download/v3.11.1/code-server_3.11.1_amd64.deb
 mv ~/.cache/code-server/code-server_3.11.1_amd64.deb.incomplete ~/.cache/code-server/code-server_3.11.1_amd64.deb
 dpkg -i ~/.cache/code-server/code-server_3.11.1_amd64.deb

2. 修改config文件
   把127.0.0.0.1改為0.0.0.0，可以綁定到本機所有IP，不用反向代理那么麻煩
   端口改成8886，8080太“靚”會被占用
   

3. 啟動code server

  sudo systemctl enable --now code-server@$USER

4. 在后台運行
   TODO

使用docker安裝

mkdir -p ~/.config
docker run --restart=always --name code-server -p 0.0.0.0:8886:8080 \
  -v "$HOME/.config:/home/coder/.config" \
  -v "$PWD:/home/coder/project" \
  -u "$(id -u):$(id -g)" \
  -e "DOCKER_USER=$USER" \
  codercom/code-server:latest

使用

1. 查看config.yml文件中的密碼

cat .config/code-server/config.yaml

2. 輸入到輸入框，粘貼密碼，點擊submit
   ps. 我有azure的vm，所以有免費的dns（域名），大家有興趣也可以上azure上注冊一個
   

3. 安裝中文語言包，在“擴展”中搜索“Chinese (Simplified) Language Pack for Visual Studio Code”並安裝插件，用了以后界面都是中文的了
   

4. 以golang為例，安裝go插件，但是沒有什么卵用
   

5. 如果是用的code-server docker容器，在“~/project/go/go/”下已經有了go的安裝文件，只是要添加到環境變量

export PATH=$PATH:~/project/go/go/bin

6. 打開終端，運行go run main.go，可以看到效果