在你的云服务器上安装一个code server 随时随地打开网页Visual Studio Code

Posted 2022-03-09 但老师

文章目录

• 背景
• 环境
• 安装步骤
• • 1. 下载code server
  • 2. 安装code server
  • 3. 启动
  • 4. 配置公网访问
  • 5. 持续运行

背景

我是一个一直使用Visual Studio Code的开发者,有时候真想打开网页可以直接用VSC写代码就好了
还真的有,不过服务端叫code server,你也可以理解为它是

• Cloud Visual Studio Code
• Visual Studio Code Server

环境

• CentOS 7.9
  在腾讯云上的轻量应用服务器

安装步骤

1. 下载code server

• 官方的项目Github地址在这coder/code-server
• 在Releases=>Assets里面找发布的安装版本安装,适合我的是rpm包,所以我下载了第一个code-server-4.1.0-amd64.rpm
  
• 在Linux终端输入命令下载

wget https://github.com/coder/code-server/releases/download/v4.1.0/code-server-4.1.0-amd64.rpm

网速极慢🤣
我是开梯子下载的,然后通过宝塔面板上传到服务器.当然你也可以等wget下载完,是一样的

2. 安装code server

在终端安装

rpm -ivh code-server-4.1.0-amd64.rpm

一键安装结束

3. 启动

在终端输入

code-server

就会出现如下界面启动了

[2022-03-07T11:13:55.467Z] info  code-server 4.1.0 9e620e90f53fb91338a2ba1aaa2e556d42ae52d5
[2022-03-07T11:13:55.468Z] info  Using user-data-dir ~/.local/share/code-server
[2022-03-07T11:13:55.479Z] info  Using config file ~/.config/code-server/config.yaml
[2022-03-07T11:13:55.479Z] info  HTTP server listening on http://127.0.0.1:888/ 
[2022-03-07T11:13:55.479Z] info    - Authentication is enabled
[2022-03-07T11:13:55.479Z] info      - Using password from ~/.config/code-server/config.yaml
[2022-03-07T11:13:55.479Z] info    - Not serving HTTPS 

可以看到配置文件在~/.config/code-server/config.yaml这里
但是目前仅可以内网访问,需要公网访问的还有下一步

4. 配置公网访问

修改配置文件

vi ~/.config/code-server/config.yaml

修改为如下,主要是ip,端口和密码

bind-addr: 0.0.0.0:888
auth: password
password: asdfasdfweger
cert: false

• ip需要改成0.0.0.0
• 端口改成任意端口,需要在防火墙放行,我的是888
• 密码随意更改

按照步骤3启动code-server启动,在浏览器输入公网IP:端口就可以访问到了.例如我的公网IP假设是123.123.123.123,那么在浏览器输入的就是123.123.123.123:888,输入你刚才修改的密码就可以了

5. 持续运行

在服务器终端运行,关闭终端的话网页也会随之打不开.在终端试了一下nohup命令是一样的效果

nohup code-server

网上一大堆的各种软件个人嫌麻烦,所以我尝试了一下Jenkins,发现居然是可行的
这里把Jenkins的任务描述一下要点

1. 新建任务
2. 配置
   限定节点为master
   构建=>执行Shell=>命令

   nohup code-server
   

现在在任何地方打开网页就可以访问Visual Studio Code了👏

- 完 -