coder-server是著名的Visual Studio Code开源编辑器的Web版,本篇博客使用群晖的Docker组件(玩群晖怎能不玩Docker?),完全图形化界面来搭建code server,以及解决部署后产生的问题,部署过程简单易操作,容器占用资源少。
code server github:cdr/code-server: VS Code in the browser
code server docker hub:codercom/code-server - Docker Hub
群晖Docker的安装及code-server容器的创建
若没有安装docker,打开套件中心,直接搜索Docker,安装即可。
打开docker,在注册表里搜索code-server
,第一个即为官方镜像,双击下载。
等待下载完成后,在映像中双击即可创建容器,首先看一下官方的部署代码
1 | docker run -it -p 127.0.0.1:8080:8080 \ |
其中8080:8080
为端口映射,-v
为卷映射,-u
为用户权限映射,权限映射在Docker Gui界面不需要设置。
自动启动根据需要勾选,即群晖开机或重启后是否自动运行此容器。
添加对应的文件夹映射,首先在File Station中创建需要的文件夹,然后建立映射。
端口映射,避免冲突即可,若8080没被占用,直接默认即可,或者自行设置本地端口,如我设置为18080。然后点击应用即可创建容器。
code-server密码的获取
密码获取及修改
浏览器打开群晖IP:端口,默认端口为IP:8080,即可看到web界面,我们已成功部署了code-server。
密码在容器的~/.config/code-server/config.yaml
文件里,我们直接在终端查看即可。
终端机输入:
1 | cat ~/.config/code-server/config.yaml |
即可成功登录。
若需要修改密码,直接在浏览器修改,然后重启容器即可。
映射文件夹权限问题
我们在默认的project目录/home/coder/project
下创建文件,出现报错:
我们在映射的文件夹中设置EveryOne权限为读写即可解决(开始时我还以为是没有执行-u "$(id -u):$(id -g)"
导致的,折腾半天)
若为灰色。则在高级选项——使继承权限显示化。
到此,全部完成,在浏览器里愉快地玩VsCode吧。