如何安装vscode网页版_网页版VScode初体验(code-server)

2023-05-16

最近的iPadOS更新带来了更全面的鼠标(触控板)键盘支持,于是想尝试将部分编码任务转移到iPad上完成,在尝试过程中一共试过两种方法:利用SSH连接软件,在远程服务器上利用Vim等软件进行编码,但是在经过一段时间的使用后发现,这样编码的效率是在太低,而且有时切出软件一小段时间后,SSH连接会断开。

利用code-server部署一个网页版的VScode,这样工作区在不同的设备上都能同步,而且切出后不会掉线。将网页作为WebApp添加到主屏幕上后的体验也接近于原生App(前提是服务器的带宽不能太低)。

如何部署code-server

环境准备:本文以Debian系统为例,CentOS等系统部分命令/文件不一样。建议使用Debian10 64位系统,并安装screen,推荐将软件和内核更新至官方稳定版最新。

1.下载code-server

下载链接:https://github.com/cdr/code-server/releases目前最新版为v3.4.1,不要下载成arm64的版本,除非你确实需要arm64的版本

可以利用wget或curl直接下载至服务器,但是国内下载的速度很慢。建议利用科学下载文件到本地,再用scp命令上传至服务器。

2.安装code-server

在Debian系统下只需要一行命令即可安装,请自行替换文件名及目录。dpkg -i "你下载的文件"

3.配置code-servernano ~/.config/code-server/config.yaml

以下是配置内容

第一行 bind-addr

填写ip地址和端口,我采用的阿里云服务器的IP地址需要填写服务器私网地址,并且去安全组开启对应端口的TCP出入站权限

第三行 password

填写密码(自行设定)

4.启动code-serverscreen -R VScode

code-server

#screen具体用法请自行查询

若无报错,且外部访问成功。那恭喜你,你的code-server已经可以使用了。若无报错但是无法访问,建议排查配置文件中的IP地址以及防火墙设置。

5.将code-server添加到iPad桌面(可选)

使用Safari浏览器打开你的code-server网站,选择分享按钮——>添加到主屏幕。

在主屏幕上会出现一个code-server的图标,点击进入后会进入一个全屏的code-server界面。

第一次进入code-server网页可能会出现白屏或是响应缓慢,这是因为很多服务器仅有1Mbps的带宽,浏览器在首次加载数据,在静态资源被缓存后,之后进入的速度会很快。

#########################################################################

本教程至此结束

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何安装vscode网页版_网页版VScode初体验(code-server) 的相关文章

随机推荐