如何部署VSCODE SERVER

本文指导利用微软官方的vscode server部署个人开发环境,并通过网页端或vccode 客户端访问该环境。

演示环境

本教程使用debian作为演示服务器。

使用code CLI

你可以使用code CLI创建并使用

在远程机器上安装code CLI

安装前选定下载目录如

mkdir /home/dev/bin   
## 选择bin目录是为了后面方便加入环境变量,熟悉linux的也可以选择下载后放入$PATH目录。
cd /home/dev/bin

下载并解压code CLI

curl -Lk 'https://code.visualstudio.com/sha/download?build=stable&os=cli-alpine-x64' --output vscode_cli.tar.gz

tar -xf vscode_cli.tar.gz

查看安装情况,可以看到解压后的文件==code==可执行文件。

Pasted image 20230328204516.png

其它安装方式:前往独立安装界面下载并安装 Pasted image 20230328204516.png

如果使用独立安装,后续的命令需要以./code替代code

code加入环境变量

为了方便执行,将code加入环境变量

vi ~/.bashrc

# 在文件末尾加入code路径
# VSCODE_CLI_DATA_DIR为vscode安装目录,建议配置
export PATH=/home/dev/bin:$PATH
export VSCODE_CLI_DATA_DIR=/home/dev/app/vscode 

# 刷新环境变量使配置生效
source ~/.bashrc

使用tunnel命令创建安全通道

code tunnel --name test
# --name 指定服务名称

这个命令会下载并启动VS Code Server,之后自动为其创建访问通道。 Pasted image 20230328212036.png 根据提示执行,由github授权后出现如下图内容表示启动成功 访问https://vscode.dev/tunnel/test/home/dev 即可登录vscode server

实际地址根据提示信息

Pasted image 20230328213817.png

配置随系统启动

目前code server并没有后台执行,并且需要随系统启动。

code tunnel service install

该命令会自动将建立code server 转为后台服务,并在安装目录生成==code-tunnel.service==文件

cd /home/dev/app/vscode

前往vscode安装目录,可以看到上文件。

code tunnel service uninstall

停止服务

mv /home/dev/app/vscode/code-tunnel.service /usr/lib/systemd/system/

将文件移至上述目录,此为systemctl启动时默认执行的目录

systemctl service start code-tunnel.service
systemctl service enable code-tunnel.service
# 允许随系统启动

使用systemctl 启动服务

systemctl service status code-tunnel.service

查看服务状态,如果出现错误,根据提示重新赋权。 Pasted image 20230328233120.png 此时拥有一个网页版的vscode,当然也是由其他访问方式,详见参考。

访问地址:https://vscode.dev/tunnel/test

###如何卸载服务

code tunnel unregister # 取消授权并删除
code tunenl prune # 删除所有未启动的服务

Remote Tunnels (visualstudio.com)

Q.E.D.