飞牛在线开发环境-使用docker搭建CodeServer环境

利用闲置机械硬盘搭建 NAS 开发环境（code-server 篇）

因为最近闲置了一块机械硬盘，想着利用它搭建一个 NAS 方便存取文件，恰好服务商提供了公网 IP，后续升级成本一年也才 200 多元，性价比很高。于是打算把开发环境部署在里面，选用 linuxserver/code-server 镜像搭建 Web 版 VS Code，操作如下：

1. 编写 docker-compose 配置

创建 docker-compose.yaml 文件，配置如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
services:
  code-server:
    image: linuxserver/code-server:latest 
    container_name: code-server  
    environment:
      - PUID=0  
      - PGID=0  
      - TZ=Asia/Shanghai  
      - PASSWORD=202019  
    volumes:
      - /opt/code-server/config:/config  
      - /var/www/:/config/workspace/www/ 
    ports:
      - "0.0.0.0:8443:8443"  
    restart: unless-stopped 
    user: "0:0"

1.1 挂载目录

打开docker，为持久化选择路径，然后创建镜像

完成后创建容器

2. 启动服务并访问

执行 docker-compose up -d 启动容器，等待部署完成后：

  • 通过 公网IP:8443 访问 code-server 控制台
  • 登录密码为配置中设置的 PASSWORD（示例为 202019）

3. 界面与使用

登录后的控制台界面

启动后访问页面如下，输入密码即可进入：

code-server登录界面

主界面风格

整体界面与本地 VS Code 一致，支持熟悉的操作逻辑：

code-server主界面

代码编辑界面

4. 配置中文语言

  1. 进入界面后，打开扩展商店（左侧菜单栏图标），搜索 Chinese (Simplified) Language Pack for Visual Studio Code 并安装；

    安装中文语言包

  2. 安装完成后，根据提示重启 code-server，中文设置即可生效：

    中文界面效果

通过以上步骤，即可在 NAS 上搭建一个可公网访问的 Web 版 VS Code 开发环境，方便远程编写代码和管理文件。