内网搭建VS Code 远程开发环境

本文记录了离线环境下搭建VS Code远程开发环境的过程。

一、VS Code软件及插件下载与安装

1. 在可正常上网的环境下，下载VS Code软件和Remote-SSH插件

vscode: https://code.visualstudio.com/

extension: https://marketplace.visualstudio.com/VSCode

 如上图，点击Download Extension下载插件离线包。

2. 安装VS Code软件及插件

将下载的VS Code安装包和Remote-SSH插件离线包长传到内网开发环境，安装完成并打开。

按如下步骤选择Remote-SSH插件离线包进行安装，已安装的插件在INSTALLED列表下显示。成功安装Remote-SSH插件后，侧边栏会出现【Remote Explorer】图标。

 

二、配置开发端远程连接环境

1. 创建/编辑远程配置文件

 

2. Remote-SSH插件配置

 

 

三、配置服务器端环境

1. 在第二步配置完成后，尝试登录到服务器。（第一次登录会失败，为了在服务器端创建环境，由于无法联网所以下载VS Code Server失败）

2. 进入服务器，cd ~ 到用户目录，使用la命令查看是否有.vscode-server目录；进入.vscode-server目录，查看ID。

 该ID即为开发端所安装vscode软件的commit ID，也可通过vscode -> Help -> About查看。

 该ID用于下载对应的VS Code Server离线包，VS Code Server版本需与VS Code软件版本对应。

3. 将下面链接中ID替换为实际的ID，下载对应VS Code Server离线包（vscode-server-linux-x64.tar.gz）。

VS Code Server: https://update.code.visualstudio.com/commit:ID/server-linux-x64/stable

4. 离线包下载完成后，拷贝到服务器对应目录下，并在同级目录进行解压。

5. 重新在开发端使用vscode进行远程登录，即可登录成功。

6. 远程连接成功后，通过File -> Open Folder..即可选择服务端的文件夹进行操作。

四、 安装插件到服务器

服务器端所需插件需要单独安装，对本机安装的插件无影响。