//MAGICBOOK / 魔法书POSTS / 2024-07-07-DOCKER-VSCODE
74 POSTS66 TAGS3 CATEGORIES
CodingSTATUS / PUBLISHED

【Docker】部署VSCode在线代码编辑工具

在自己的服务器上部署vsc就可以便利地在浏览器上编辑了。

FILE / 20240707-45
AUTHOR / MAGICNUE
TYPE / CODING RECORD

想要在设备上不安装软件就能快速部署代码编辑环境的话,在自己的服务器上部署vsc,然后就可以便利地在浏览器上编辑了。

code-server是提供在服务器上的vscode以便在任何有网络的环境下编写代码的项目。

code-server项目传送门:GitHub - coder/code-server: VS Code in the browser Docker项目传送门:Site Unreachable

screenshot-1

01 准备

预先准备:

  • 搭载了Docker的服务器。当然不使用docker也可以部署。

02 部署

首先确认服务器上的docker情况:

docker ingo

在服务器上拉取镜像:

docker pull codercom/code-server

部署:

docker run -it --name code-server -p 127.0.0.1:8080:8080 \
  -v "$HOME/.config:/home/coder/.config" \
  -v "$PWD:/home/coder/project" \
  -u "$(id -u):$(id -g)" \
  -e "DOCKER_USER=$USER" \
  codercom/code-server:latest

-v参数中,冒号:前的内容填入用户目录。冒号后是docker内目录。 -e的$USER填入用户名。

如果一切正常,接下来就可以访问http:<server-ip>:8080来浏览code-server了。

03 配置

安全起见,部署后需要登陆密码。

horm/user/.config/code-server/config.yml中可以看到自己的密码。

接下来就可以使用了。 如果需要中文的话,在看,扩展页面中输入zh cn 就可以找到中文语言包了。