前

code-server是一款基于VSCode的在线编辑器，它提供了一个web话的在线IDE。服务端上运行code-server，客户端就可以使用浏览器来使用VSCode，IDE上的资源都是服务器上的资源。

这样可以把开发编译过程完美的放在远程的主机上面。本地的主机可以实现轻开发。使用平板都能进行编码工作。

部署

部署过程十分简单，这里使用裸机安装的方式进行。官方直接给了onclick安装的脚本

curl -fsSL https://code-server.dev/install.sh | sh

之后使用 systemctl 来启动服务，这里的 @符号比较有意思，可以理解为给service传递启动参数。

systemctl restart [email protected]

之后直接通过8080端口来进行访问，输入密码等。配置文件在/home/$USER/.config/code-server/config.yaml

问题

无法预览图片问题

这个可以参考的是这个issue，具体原因是因为web worker 拒绝在http的条件下执行。所以导致功能异常。

• Image preview doesn’t work #4893

解法有二，

1. 部署内网自签的HTTPS证书
2. 在Chrome中配置除外项

因为我们是内网使用的，所以这里直接配置Chrome 的例外，省时省力。

需要在Chrome的高级配置chrome://flags中找到Insecure origins treated as secure项目，并且把Codeserver 的URL配置其中。之后重启浏览器即可恢复VSC-web的正常预览功能。