今天是上海浦西全域靜態(tài)管理的第 32 天。祝大家 5.1 假期 “無(wú)疫” 快樂(lè)！

周五、周六休息，沒(méi)做核酸也沒(méi)做抗原，周日、周一抗原。

周六再次迎來(lái)了降級(jí)，小區(qū)從管控區(qū)降為了防范區(qū)，不過(guò)還是按管控區(qū)管理，反正就是不能出小區(qū)，也許防范區(qū)是給未來(lái)的解封準(zhǔn)備的吧。

看新聞上海似乎已經(jīng) 社會(huì)面清零 ，也許離解封不遠(yuǎn)了，總之，希望還是要有的。

因?yàn)榻?jīng)常要編輯各種代碼文件，尤其是 yaml 文件，群暉自帶的 文本編輯器 雖然支持 yaml 文件，但實(shí)際上經(jīng)常會(huì)出現(xiàn)錯(cuò)誤，主要是因?yàn)?yaml 文件對(duì)縮進(jìn)有比較嚴(yán)格的要求，一般情況下老蘇會(huì)用 Visual Studio Code，老蘇工作機(jī)比較多，這就需要在每臺(tái)機(jī)器上都安裝，空間不是問(wèn)題，架不住繁瑣，所以打算部署個(gè) Web 版的 VS Code，這樣在任何有網(wǎng)絡(luò)的地方都可以使用了。真正做了一次安裝，到處使用。

什么是 code-server ？

code-server 是一個(gè)免費(fèi)的基于瀏覽器的 IDE，可以讓我們?cè)诰哂幸恢麻_(kāi)發(fā)環(huán)境的任何設(shè)備上編寫(xiě)代碼。

還有個(gè)項(xiàng)目叫 OpenVSCode ，和 code-server 似乎是一樣的，等有空了再來(lái)研究

準(zhǔn)備

如果你要在互聯(lián)網(wǎng)上使用，需要先準(zhǔn)備好一個(gè)域名，并做好反向代理設(shè)置，因?yàn)楹竺姘惭b容器的時(shí)候會(huì)用到。老蘇用的 Nginx Proxy Manager，群暉自帶的反向代理道理上是一樣的

沒(méi)啥問(wèn)題的話老蘇都勾選了

安裝

在群暉上以 Docker 方式安裝。

在注冊(cè)表中搜索 code-server ，選擇第二個(gè) linuxserver/code-server，版本選擇 latest。

卷

在 docker 文件夾中，創(chuàng)建一個(gè)新文件夾，并將其命名為 code-server，再建一個(gè)子目錄 config

端口

本地端口不沖突就行，不確定的話可以用命令查一下

# 查看端口占用
netstat -tunlp | grep 端口號(hào)

環(huán)境

1、PASSWORD：如果你跟老蘇一樣已經(jīng)有了 authelia ，這里可以不用設(shè)置，否則的話安全起見(jiàn)還是設(shè)置一個(gè)比較好
2、 PROXY_DOMAIN ：如果要在公網(wǎng)使用，就需要設(shè)置

命令行安裝

如果你熟悉命令行，可能用 docker cli 更快捷

【注意】：

1. PROXY_DOMAIN 后面替換為你的域名
2. 老蘇用的 volume2，請(qǐng)根據(jù)自己的進(jìn)行替換

# 新建文件夾 code-server 
mkdir -p /volume2/docker/code-server/config

# 進(jìn)入 code-server 目錄
cd /volume2/docker/code-server

# 啟動(dòng)容器
docker run -d \
  --name=code-server \
  -e PUID=1000 \
  -e PGID=1000 \
  -e TZ=Asia/Shanghai \
  -e PASSWORD=password \
  -e PROXY_DOMAIN=vsc.laosu.ml \
  -p 3444:8443 \
  -v $(pwd)/config:/config \
  --restart unless-stopped \
  linuxserver/code-server

或者你可以用 docker-compose，將下面的內(nèi)容保存為 docker-compose.yml

version: "2.1"
services:
  code-server:
    image: linuxserver/code-server
    container_name: code-server
    environment:
      - PUID=1000
      - PGID=1000
      - TZ=Asia/Shanghai
      - PASSWORD=password 
      - PROXY_DOMAIN=vsc.laosu.ml
    volumes:
      - /volume2/docker/code-server/config:/config
    ports:
      - 3444:8443
    restart: unless-stopped

執(zhí)行下面的命令

# 進(jìn)入目錄
cd /volume2/docker/code-server

# 一鍵啟動(dòng)
docker-compose up -d

運(yùn)行

在瀏覽器中輸入 http://群暉IP:3444 就能看到主界面

設(shè)置中文

方法和 VS Code 桌面客戶端中的方法是一樣的，選擇左側(cè)菜單 Extensions，搜索 chinese，選第一個(gè) Chinese (Simplified) (簡(jiǎn)體中文) Language Pack for Visual Studio Code，點(diǎn)藍(lán)色的 install 按鈕

安裝完成后右下角會(huì)有彈出的提示框

選擇 Change Language and Restart 之后，就變成中文了

文件編輯

新建一個(gè)文件

保存的文件在 /docker/code-server/config/workspace 目錄中

參考文檔

coder/code-server: VS Code in the browser
地址：https://github.com/coder/code-server

Coder: Developer workspaces on your infrastructure
地址：https://coder.com/

Need a complete example for how to use the --proxy-domain feature … · Issue #1838 · coder/code-server
地址：https://github.com/coder/code-server/issues/1838文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-442399.html

到了這里，關(guān)于在線代碼編輯器code-server的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！