三分钟学会用docker部署自己的vscode

3,234 阅读2分钟

三分钟学会用docker部署自己的vscode

前提条件:

  1. 一台服务器(我是使用一台1核2G的服务器运行很流畅)

  2. 安装dockernode环境

1. 拉取镜像

docker pull codercom/code-server
docker images
会出现
REPOSITORY             TAG       IMAGE ID       CREATED       SIZE
codercom/code-server   latest    f3ac734fcec8   12 days ago   802MB

PS:原帖是800多M我下载的时候已经变成1个多G了

2.创建挂载目录

CODE=/home/docker/code
mkdir $CODE && cd $CODE

PS:第一步是创建一个存放目录,你放在哪都行随你,反正我是直接再home目录下创建了个docker文件夹然后再里面创建了code文件夹,然后cd进去的

mkdir 是用来创建文件夹的,后面跟上文件夹名字就行,比如你要创建一个名字叫做docker的文件夹,那么就直接 mkdir docker就好了

不过这个CODE=/home/docker/code在你自己创建完成后肯定是要执行一遍的,我的理解就是声明CODE这个变量,使用这个变量去存放路径

3.配置文件

docker run -d -u root -p 8088:8080 --name code-server -v $CODE:/home/code codercom/code-server

PS:启动一个容器,-u表示使用root用户运行

然后查看容器是否启动

docker ps
CONTAINER ID   IMAGE                  COMMAND                  CREATED       STATUS       PORTS                                       NAMES
97707c93cb41   codercom/code-server   "/usr/bin/entrypoint…"   3 hours ago   Up 3 hours0.0.0.0:8088>8080/tcp,:::8088>8080/tcp   code-serverz

PS:只要出现类似的有ID就证明启动成功了

4.拉出配置文件

docker cp code-server:/root/.config/code-server/config.yaml $CODE/
vim $CODE/config.yaml

PS:第二行修改配置文件,进入后按I即可进入编辑模式,修改你的password字段,修改完成后按Esc,然后输入:wq保存退出

5.启动服务

docker stop code-server && docker rm code-server
docker run -d -u root \
  -p 8088:8080 \
  --name code-server \
  -v $CODE/config.yaml:/root/.config/code-server/config.yaml \
  -v $CODE:/home/code \
  codercom/code-server

PS:启动到8088端口,然后你直接去访问你的ip+8088端口就可以访问你的在线编辑器了,可以先装中文插件,我发现有些代码提示插件可能会和桌面端的有区别,具体原因我也不晓得,但是能用

6. 总结

搭建好了后要是解析域名的话需要配置一个nginx的代理转发,具体这个我打算回来有时间再记录,因为又买了个域名还在备案过程中,就不直接给大家放我的在线例子了(放了你们也进不去,有密码)

这个部署到 服务器的vscode的代码文件存放在你的服务器中,也就是你在上面新建的路径,你在哪里都可以去直接访问你的服务器去写东西,这样有时非常方便,剩下的功能留给大家去探索(不可能是因为我太懒)又什么好玩的希望能艾特我一下谢谢啦!
参考文章:docker部署code-server