《关于程序猿自宅と旅行に欠かせない云编辑器搭建那些事》

自宅と旅行に欠かせないの = 居家旅行必备的。~~~~只要标题写得够长，再加上书名号就像是一篇日式轻小说了，正经写文太呆板了还是加点中二之魂有意思。

想要多设备协同开发，想要把代码及时共享给小伙伴，缺又苦于 git 远程仓库每次都需要生成版本再 push&pull……

出门在外没带电脑，想用随身携带的 pad 紧急修改些需求（当然如果不嫌弃手机码代码的艰辛也可以）……

噢我的上帝！云编辑器听起来就像隔壁苏珊姨姨烤的苹果派一样香甜！我敢打赌，如果收到这样的礼物我肯定会兴奋得把地板跺烂！我发誓！（哦这该死的翻译腔）

那么如何搭建一个云编辑器环境？VSCode 官方就有提供云编辑器服务，开源免费、99%还原 VSCode 原生应用，而且开箱即用。

不过首先，我们需要一台服务器，我购买的是阿里云服务器（超低价超低配的学生机），操作系统为 Ubuntu。购买完成后，登录阿里云控制台首页，在侧边栏中选择云服务器 ECS => 在侧边栏中选择网络与安全的安全组 => 选择对应的安全组（安全组 ID 会与图片不同） => 在安全组规则的入方向中手动添加 8080 端口，授权对象为 0.0.0.0/0，其它保持默认即可。8080 端口是启动 VSCode 云编辑器服务时默认的端口，如果需要将云服务启动到其它端口，则在安全组中手动添加相应端口。

image

image

image

image

保存好之后返回上一页，在侧边栏中选择实例 => 选择对应的实例（实例 ID 会与图片不同） => 在远程连接中选择 VNC 连接，输入第一次连接时提示的 6 位密码后进入到控制台（第一次连接会与图片不同） => 通过 cd 命令进度到希望安装云编辑器的文件夹。

image

image

image

访问https://github.com/cdr/code-server/releases右击 code-server-版本-linux-x86_64.tar.gz 复制连接地址，回到 VNC 控制台，点击复制命令输入后输入 wget {code-server 链接地址}确定后回车执行，下载完成后执行解压缩指令 tar xf {压缩包名}，可以用 ls 命令查看下载好的压缩包名称。（我已经下载解压缩过就不演示了）。进入解压完成的目录，同样可以用 ls 命令查看目录名称。在输入./code-server --host 0.0.0.0 --auth none 即可启动服务到默认 8080 端口，如需启动到其它端口，可输入./code-server --host 0.0.0.0 --port {端口号} --auth none；其中 auth 表示认证密码，这里设置无密码，如需输入密码可修改为--auth {密码}。

image

image

image

image

最后只需在浏览器中输入{域名/IP 地址}:{端口号}即可访问，VNC 连接页面直接关闭就可以。

image