本文为我原创，未经允许，不得转载，侵权必究！
作为一位程序员，vscode编辑器在我们的日常开发中肯定是必不可少的，那你想在网页端用vscode的代码搭建一个在线的vscode编辑器吗？有同学可能会觉得的很复杂，但这其实一点都不复杂，不用自己编写代码，在服务器上敲几行命令就可以搞定啦！
网页版vscode编辑器界面
那..工欲善其事，必先利其器。首先我们需要有一台自己的云服务器（如果你已经有服务器了，可以直接跳到搭建部分哦！），我们打开阿里云或任意一个服务器提供商，来到云服务器购买界面：
阿里云云服务器购买界面
由于搭建的是网页端vscode，所以我们需要选择一台配置不能太差的服务器，否则搭建好后使用可能会有卡顿等情况哦，我选择的是一台2核2GiB的服务器，在网络和安全组的地方记得放行22、80、443等端口哦（一定要记得放行这些端口，否则后续网页无法访问，操作系统我选择的是Alibaba Cloud Linux 3.2104 LTS 64位）。
我们购买好服务器之后，需要远程连接一下服务器，我们可以直接用阿里云的远程连接进行连接，但是为了后续操作的操作方便，我使用Xshell进行远程连接服务器。Xshell非商业使用是免费的哦！如果你还没有安装Xshell的话可以通过Xshell官网链接进行免费下载：https://www.xshell.com/zh/free-for-home-school/ 
下载并安装好Xshell之后我们就用Xshell远程连接一下服务器~我们先在阿里云云服务器控制台点击“重置实例密码”进行重置一个新的密码（等会远程连接服务器的时候要用哦~）。
重置好密码后我们来到Xshell的客户端中，点击“文件”--“新建”进行新建会话：
这里的“名称”可以自己取哦，协议SSH，主机填写公网IP（不造在哪里的可以看再下面一张图片哦），端口号填写22。填写完成之后点“连接”就阔以啦~
用户名输入root，点击“确定”后输入密码，密码就是刚才设置的密码~
我们链接上服务器之后就开始搭建了哦~
我们先新建一个文件夹vscode并进入到vscode文件夹里来：
ls
cd vscode接下来我们可以使用以下命令下载code server，
但毕竟是外网，下载速度真的挺慢的，大家也可以使用我已经下载好的文件（百度网盘：链接：https://pan.baidu.com/s/1QDcTRnGYvsw0MBPiNcJrOg 提取码：31ch ），然后用Xftp等软件进行上传（Xftp也可以从刚刚下载Xshell的界面下载到，也是免费的，如果懒得下载的话，使用上面的命令进行下载也阔以~）：
上传好之后我们用命令安装一下code server：
rpm -ivh code-server-4.1.0-amd64.rpm然后~我们配置下公网访问~
我们修改一下配置文件：
vim ~/.config/code-server/config.yaml进入后，我们按键盘上的 i 进入编辑模式（英文状态下），用小键盘的“left”和“right”移动光标，我们修改一下ip为0.0.0.0:80和password后面的值，password就是我们等会登录需要用到的密码，可以自己设置：
修改完成之后，我们按键盘上的Esc，随后输入 :wq 进行保存并退出：
最后我们输入code-server启动服务~
启动完成之后，我们在浏览器中访问一下我们的IP地址。我们输入密码进行登录：
我们就已经可以打开我们的网页版VScode啦！
至此，我们就已经搭建完成啦~是不是不难！当然，有什么问题也可以在评论区提问哦！
本文为我原创，未经允许，不得转载，侵权必究！
