beneventsur/visual-studio-code

Ubuntu 16.04 浏览器版 Visual Studio Code

镜像概述

本镜像基于Ubuntu 16.04系统，集成Visual Studio Code（VSCode）编辑器，并通过noVNC工具实现浏览器访问能力，同时支持VNC客户端直接连接，为用户提供便捷的远程开发环境。

核心功能

1. VSCode核心能力：提供代码编辑、语法高亮、代码导航、调试、扩展安装等完整开发功能
2. 双访问方式：
   • HTTP访问：通过6080端口在浏览器中打开http://localhost:6080/vnc.html
   • VNC访问：通过5901端口使用VNC客户端连接
3. 可配置参数：支持自定义访问密码、屏幕分辨率

使用场景

• 远程开发环境快速搭建，无需本地安装VSCode
• 临时开发测试场景，避免本地环境污染
• 教学或演示中，快速分享在线IDE环境

配置说明

• 环境变量：
  • PASSWORD：访问密码，默认值***
  • WIDTH：屏幕宽度，默认1920
  • HEIGHT：屏幕高度，默认1080
• 端口映射：
  • 6080：HTTP访问端口
  • 5901：VNC客户端访问端口

部署示例

基础版本运行

bash
docker container run -it -p 6080:6080 -p 5901:5901 -e PASSWORD=123456 -e WIDTH=1920 -e HEIGHT=1080 beneventsur/visual-studio-code:latest

• 建议修改PASSWORD为安全密码，并根据屏幕分辨率调整WIDTH和HEIGHT参数

推荐的xubuntu版本（更优体验）

bash
docker container run -id -p 6080:6080 -p 5901:5901 -e PASSWORD=123456 -e WIDTH=1920 -e HEIGHT=1080 beneventsur/xubuntu:vscode-1.44.2

带NodeJS的版本

bash
docker container run -it -p 6080:6080 -p 5901:5901 -e PASSWORD=123456 -e WIDTH=1920 -e HEIGHT=1080 beneventsur/visual-studio-code:1.34.0-nodejs-v10.16.0

Dockerfile（基础版本）

dockerfile
FROM ubuntu:16.04

# 更新apt并安装依赖包
RUN apt-get update; \
    apt-get -y upgrade; \
    apt-get install -y vnc4server git python vim wmctrl curl apt-transport-https libasound2

# 安装VSCode
RUN curl [***] | gpg --dearmor > microsoft.gpg; \
    install -o root -g root -m 644 microsoft.gpg /etc/apt/trusted.gpg.d/; \
    sh -c 'echo "deb [arch=amd64] [***] stable main" > /etc/apt/sources.list.d/vscode.list'; \
    apt-get update; \
    apt-get install -y code; \
    sed -i 's/BIG-REQUESTS/_IG-REQUESTS/' /usr/lib/x86_64-linux-gnu/libxcb.so.1

# 设置默认环境变量
ENV PASSWORD=*** WIDTH=1920 HEIGHT=1080

# 复制所需文件
COPY ./noVNC/ /noVNC/
COPY ./startup.sh /startup.sh

# 修改权限
RUN chmod 777 /startup.sh; \
    chmod 777 -R /noVNC

# 启动脚本
ENTRYPOINT ["/startup.sh"]