techthinkerorg/vscode-ide

VSCode IDE

这是Visual Studio Code的Web版本实现：

• 与您当前的VSCode配置无缝兼容
• 在Web环境中运行，确保出色的可访问性
• 广泛支持多种扩展
• 支持隔离的Docker环境
• 提供简单的端口转发选项，可访问开发运行端口

安装

• docker-compose.yaml

yaml
version: "3"

services:
  web_vscode:
    container_name: web_vscode
    image: techthinkerorg/vscode-ide:latest
    privileged: true
    env_file: .env
    volumes:
      -  ./vscode-data:/home/developer/workspace
    ports:
      - "3000:3000"
      - "2375:2375"
    networks:
      - vscode_net

networks:
  vscode_net:

• .env 文件

PASSWORD=123456
VSCODE_PROXY_URI=https://{{port}}.example.com

• 运行命令：docker-compose up -d

环境变量

• PASSWORD：VSCode IDE的登录密码
• 基于子域名的端口转发：VSCODE_PROXY_URI=https://{{port}}.example.com
• 基于路径的端口转发（无 subdomain 时）：VSCODE_PROXY_URI=https://example.com/proxy/{{port}}
• 本地使用：VSCODE_PROXY_URI=http://localhost:3000/proxy/{{port}}

使用 Dockerfile

通过Dockerfile可自定义镜像，支持添加启动时执行的shell脚本（无需添加ENTRYPOINT，将脚本放入/entrypoint.sh即可执行）。以下是安装Golang的示例：

FROM techthinkerorg/vscode-ide:4.23.1
LABEL MAINTAINER Asif Mohammad Mollah

ARG ARCH=amd64
RUN dpkgArch="$(dpkg --print-architecture)" \
    && case "${dpkgArch##*-}" in \
        amd64) ARCH='amd64';; \
        arm64) ARCH='arm64';; \
        *) ARCH='amd64';; \
    esac \
    && echo "Downloading Go for architecture: $ARCH"

# 根据架构下载Go二进制包
RUN sudo apt-get update && \
    sudo apt-get install -y wget && \
    sudo wget -O go.tar.gz https://golang.org/dl/go1.22.3.linux-$ARCH.tar.gz

RUN sudo tar -C /usr/local -xzf go.tar.gz && sudo rm go.tar.gz

# 配置Go环境变量
ENV GOPATH=$HOME/go
ENV GOROOT=/usr/local/go
ENV GOBIN=$GOPATH/bin
ENV PATH=$PATH:$GOPATH:$GOROOT/bin:$GOBIN

# 验证安装
RUN go version

# 添加入口脚本（可选）
COPY my-script.sh /entrypoint.sh

此Dockerfile将生成内置Golang的VSCode IDE容器。