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

最近的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的带宽，浏览器在首次加载数据，在静态资源被缓存后，之后进入的速度会很快。

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

本教程至此结束