在线代码编辑器code-ag真人游戏

因为经常要编辑各种代码文件，尤其是 yaml 文件，群晖自带的 文本编辑器 虽然支持 yaml 文件，但实际上经常会出现错误，主要是因为 yaml 文件对缩进有比较严格的要求，一般情况下老苏会用 visual studio code，老苏工作机比较多，这就需要在每台机器上都安装，空间不是问题，架不住繁琐，所以打算部署个 web 版的 vs code，这样在任何有网络的地方都可以使用了。真正做了一次安装，到处使用。

什么是 code-server ？

code-server 是一个免费的基于浏览器的 ide，可以让我们在具有一致开发环境的任何设备上编写代码。

还有个项目叫 openvscode ，和 code-server 似乎是一样的，等有空了再来研究

如果你要在互联网上使用，需要先准备好一个域名，并做好反向代理设置，因为后面安装容器的时候会用到。老苏用的 nginx proxy manager，群晖自带的反向代理道理上是一样的

没啥问题的话老苏都勾选了

在群晖上以 docker 方式安装。

在注册表中搜索 code-server ，选择第二个 linuxserver/code-server，版本选择 latest。

卷

在 docker 文件夹中，创建一个新文件夹，并将其命名为 code-server，再建一个子目录 config

端口

本地端口不冲突就行，不确定的话可以用命令查一下

# 查看端口占用
netstat -tunlp | grep 端口号

环境

1、password：如果你跟老苏一样已经有了 authelia ，这里可以不用设置，否则的话安全起见还是设置一个比较好
2、 proxy_domain ：如果要在公网使用，就需要设置

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

【注意】：

1. proxy_domain 后面替换为你的域名
2. 老苏用的 volume2，请根据自己的进行替换

# 新建文件夹 code-server 
mkdir -p /volume2/docker/code-server/config
# 进入 code-server 目录
cd /volume2/docker/code-server
# 启动容器
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，将下面的内容保存为 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

执行下面的命令

# 进入目录
cd /volume2/docker/code-server
# 一键启动
docker-compose up -d

在浏览器中输入 http://群晖ip:3444 就能看到主界面

设置中文

方法和 vs code 桌面客户端中的方法是一样的，选择左侧菜单 extensions，搜索 chinese，选第一个 chinese (simplified) (简体中文) language pack for visual studio code，点蓝色的 install 按钮

安装完成后右下角会有弹出的提示框

选择 change language and restart 之后，就变成中文了

文件编辑

新建一个文件

保存的文件在 /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