docker构建部署 网页版 VScode (code-server)

什么是 code-server?

code-server是一个社区项目，允许在Linux服务器上部署一个浏览器访问的VSCode环境，类似vscode.dev。用户可以不需下载客户端或SSH软件，在任何设备上进行远程开发。文章详细介绍了从下载安装包、解压、启动code-server到配置nginx转发，以及解决遇到的问题，如C/C++插件安装和tmux后台运行的方法。

1）创建Dockerfile 编译文件，python依赖文件是可选的，可以提前封装也可以后续自己按照需要的。

FROM python:3.12-slim AS builder

# 设置非交互模式，避免在安装软件包时出现交互提示
ENV DEBIAN_FRONTEND=noninteractive

# 设置工作目录
WORKDIR /app

# 将当前目录的内容复制到镜像中的 /app 目录
COPY . /app

# 更新包管理器并安装必要的软件包
RUN apt update && \
    apt install -y --no-install-recommends python3-pip curl vim tar locales openssl jq libffi-dev && \
    # 生成中文语言包
    sed -i 's/# zh_CN.UTF-8 UTF-8/zh_CN.UTF-8 UTF-8/' /etc/locale.gen && \
    locale-gen zh_CN.UTF-8 && \
    update-locale LANG=zh_CN.UTF-8 LC_ALL=zh_CN.UTF-8 && \
    # 设置时区为上海
    cp /usr/share/zoneinfo/Asia/Shanghai /etc/localtime && \
    # 安装 code-server
    curl -fsSL https://code-server.dev/install.sh | sh && \
    # 安装中文语言包扩展
    code-server --install-extension MS-CEINTL.vscode-language-pack-zh-hans && \
    # 配置 code-server
    mkdir -p /root/.config/code-server && \
    echo 'bind-addr: 0.0.0.0:8080' > /root/.config/code-server/config.yaml && \
    echo 'auth: password' >> /root/.config/code-server/config.yaml && \
    echo 'password: 123456' >> /root/.config/code-server/config.yaml && \
    echo 'cert: false' >> /root/.config/code-server/config.yaml && \
    # 清理不必要的文件
    apt clean && \
    rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/*

# 升级 pip 并安装 Python 依赖
RUN pip install --upgrade --no-cache-dir pip && \
    pip config set global.index-url https://mirrors.aliyun.com/pypi/simple/ && \
    pip config set global.trusted-host mirrors.aliyun.com && \
    pip install --no-cache-dir -r /app/requirements.txt  # 注意文件路径

# 设置环境变量
ENV LANG=zh_CN.UTF-8 \
    LANGUAGE=zh_CN:zh \
    LC_ALL=zh_CN.UTF-8 \
    PYTHONIOENCODING=utf-8

# 设定默认命令
CMD ["/usr/bin/code-server"]

2）编译镜像

docker build -t code-server .

3）运行code-server服务

docker run -it -d --namse vscode -p 8080:8080 code-server:latest

4）IP+8080端口，网页访问服务