Docker搭建网页版VScode

系统介绍

code-server是一个基于 Visual Studio Code（VSCode）的开源项目，它允许用户通过 Web 浏览器来使用 VSCode 的编辑功能。这意味着，只要有浏览器和网络连接，用户就可以在任何设备上访问和使用 VSCode，而无需在本地安装开发环境。

code-server 的特点

  • 绿色安装：code-server 可以通过压缩包解压运行，不需要直接安装，相比软件包安装的方式更加绿色。

  • 一次部署，终身开箱即用：由于其绿色安装的特性，code-server 可以将相关配置和插件安装在指定路径，方便迁移和复用。

  • 服务器部署，容器集成：code-server 部署后，任何能够访问到部署机器的地方都可以通过 code-server 访问服务，更容易集成进服务器和容器内进行开发。

  • 端口转发：code-server 自带有端口转发功能，可以在服务器因防火墙或容器内等开放端口受限等情况下，自动代理转发服务，减少额外的端口开放操作。

  • 丰富的功能和插件：code-server 继承了 VSCode 的使用逻辑和丰富的插件，同时提供了更多 VSCode 所没有的特性，满足更多的使用场景和业务需求。

  • 多平台支持：无论是 Windows、Linux 还是 macOS 等各种操作系统，都可以运行 code-server，实现跨平台的开发和协作。

  • 移动设备访问：通过移动设备的浏览器，例如平板电脑或手机，也可以访问 code-server，并进行代码编辑和开发工作，增强了灵活性和便捷性。

code-server 的使用

  • 使用上述任意一种方式安装后，启动 code-server 服务。

  • 根据启动时的提示或配置，设置访问密码或认证方式。

  • 在浏览器中输入 code-server 的访问地址（通常是 http://服务器IP地址:端口号）。

  • 输入设置的密码或进行其他认证方式，登录 code-server。

  • 登录后，就可以在浏览器中使用 VSCode 的各种功能了，包括代码编辑、调试、插件管理等。

官方GitHub

https://github.com/coder/code-server

官方文档

https://coder.com/docs/code-server/guide

安装

code-server 的安装可以通过多种方式进行，包括但不限于以下几种：

通过官方提供的压缩包安装：

  • 在 GitHub 上下载 code-server 的压缩包（如 code-server-x.x.x-linux-amd64.tar.gz）。

  • 解压到指定目录。

  • 执行解压目录下的 bin/code-server 文件启动服务。

通过 Docker 安装：

  • 使用 Docker 容器化部署 code-server，可以简化安装和配置过程。

  • 使用 docker pull codercom/code-server 命令拉取 code-server 的 Docker 镜像。

  • 使用 docker run 命令启动容器，并设置相应的环境变量和端口映射。

通过Docker安装

 # 拉取镜像
 docker pull codercom/code-server
 ​
 # 安装部署
 docker run -d -p 8080:8080 -e PASSWORD=123456 codercom/code-server

查看容器状态

 # 1. 查看正在运行的容器
 docker ps
 ​
 # 2. 专门查看 code-server 容器
 docker ps | grep code-server

访问code-server

 http://192.168.7.120:8080

常用管理命令

 # 查看容器日志（查看启动信息或错误）
 docker logs ebc1990a1d66
 ​
 # 或者使用容器名称（如果有的话）
 docker logs code-server
 ​
 # 停止容器
 docker stop ebc1990a1d66
 ​
 # 启动已停止的容器
 docker start ebc1990a1d66
 ​
 # 删除容器
 docker rm ebc1990a1d66
 ​
 # 查看容器详细信息
 docker inspect ebc1990a1d66

给容器起个名字

 # 查看容器信息
 docker ps -a | grep ebc1990a1d66
 ​
 # 然后重命名直接用 rename 命令（容器不需要停止）
 docker rename ebc1990a1d66 code-server