code-server打造web代码编辑环境

随时随地 coding

近日，微软推出了visual studio online，相当于一个web-ide,与remote deployment开发方式不同的是web-ide的前端与后端都位于服务器上，相当于只要用浏览器打开就能编写代码了，不需要再下载vscode，也不需要配置环境（当然环境要在服务器上配置好）。使用这种方式我们便可以随时随地的通过浏览器来coding，无论是用性能落后的pc还是平板甚至是手机…不过目前visual studio online没有推出自部署版本，我们只能使用Azure的服务器，这就很不好，因为付款很麻烦（价格也不低），而且Azure的服务器都位于国外，高延迟也会带来糟糕的体验，不过其实早在vs online推出之前就有第三方实现了我们想要的功能，它就是cdr/code-server。

使用docker的方式部署

官方有docker的image我就直接使用docker来部署了，一来方便，二来可以给他人使用且安全性较高。

#先获取image
docker pull codercom/code-server:v2
#启动容器 设置密码为password 且设置端口转发到外网的8088
docker run -it -p 8088:8080 --env PASSWORD=password codercom/code-server:v2
#docker的其它的一些命令
docker system df -v # 查看镜像/容器等占用的空间等信息
docker stats # 查看当前运行的容器的实时状况
# 更多关于docker的介绍https://juejin.im/post/5b260ec26fb9a00e8e4b031a

使用code-server

访问ip:port,输入密码后即可看见我们熟悉的vscode界面了，chrome中按下f11全屏体验更佳

另外，从下向上拖可以看见terminal窗口，此处显示的就是一个linux bash终端了，我们可以在这里执行apt等命令，也可以在这里安装python等环境，容器和宿主机共用内核，不过无法使用宿主机中的程序所以像是java，python等程序到这里也得重新安装一遍。

另外，如果想要修改登陆密码，可以使用systemctl stop docker停止docker运行后编辑/var/lib/docker/containers 对应id文件夹中的config.v2.json文件中的ENV PASSWORD环境变量。