前言
由于上海的封城,原本4月初onboard的新工作只能在家远程开始。办公使用电脑需要有合规性的要求,我身边只有这一台macbook可用,而合规性的要求电脑不能安装其他软件,为了方便我就直接重置了。电脑中的数据基本都在云端基本对我没什么影响,但软件重置让我不得不考虑使用其他替代的方法来做我工作以外的项目。写代码平时用的最多的是vscode,我自己的项目跑在服务器上,代码也有在代码仓同步所以只要一个替代本地vscode的编辑器。
不仅仅是企业把他们的数据和基础设施放在云端,对于个人也是可以利用云技术实现无缝的办公体验。对于vscode的云端体验,其实已经有了成熟的解决方案。有了云端的vscode,只要是能上网的终端,如ipad、手机等,不受设备性能的限制随时编程。
云端vscode
云端vscode的概念就是在浏览器中有和本地一样体验的vscode环境。在https://vscode.dev 这个网站中,官方已经有实现在浏览器中的实现。
但我的实现不是用这个网站中的,因为这个网站中vscode无法远程连接到远程服务器
,所以我用第二种方案:使用code-server实现。
官网:http://www.coder.com/
github:https://github.com/cdr/code-server
code-server是服务端实现vscode的服务,只要服务器运行这个服务,外部就可以访问相应的端口使用vscode。具体实现方式如下:
1、 首先你需要准备一台服务器,我这里使用的是华为云服务器,最基本的配置即可。关于如何购买和配置一台服务器,可以参考我的文章:
如何创建一个云服务器
2、 在 https://coder.com/docs/code-server/latest/install 网站中找到code-server下载资源,因为我的服务器是ubuntu系统,直接选择ubuntu系统下的安装指南安装。
链接中$VERSION替换成相应的版本,如不清楚版本直接打开github的这个链接查看: https://github.com/coder/code-server/releases
目前最新的版本是4.3.0,所以代码替换成:
curl -fOL https://github.com/coder/code-server/releases/download/v4.3.0/code-server_4.3.0_amd64.deb
sudo dpkg -i code-server_4.3.0_amd64.deb
sudo systemctl enable --now code-server@root
# Now visit http://127.0.0.1:8080. Your password is in ~/.config/code-server/config.yaml
以上就完成了安装并且启动了服务。
3、 code-server默认服务端口为8080,要想远程访问,必先在服务器的安全组中添加规则,开放8080端口,并且在宝塔面板中的安全中同样也开放8080端口
。
4、 修改配置文件,在之前的代码注释中提示了密码文件所在的位置,在连接前先重新设置,打开以下路径的文件,因为我们是远程连接,还要在code-server规则中开放外部访问接口,在bind-addr字段如下图修改,同时修改自己的密码。
5、 最后重启服务
sudo systemctl restart --now code-server@root
注意:vscode能有直接修改服务器上所有文件的权限,为安全起见一定要使用复杂密码授权,同时建议修改默认的8080端口,如果你的ip能确定,最好使用ip的白名单替换0.0.0.0。
小结
云端的代码编辑器 + 代码仓 = 随时随地写代码
ipad的应用商店中有code-server的同名应用按照提示配置,以后就不用背着死重的macbook pro到处跑了,随身带上ipad,开启全新的体验。