visual studio code使用 Remote-SSH 插件 + vscode-server 进行远程开发
0 前言
Windows、Mac系统均可以使用 vscode + Remote-SSH 插件 + 远程 vscode-server 搭建一个远程开发环境,将代码可视化放到本地,无需再借助 VNC。
1 准备
在开始环境配置前,需要满足一些基础前提条件:
- 已安装 SSH(Git 自带,最好直接安装 Git)
- 本地电脑已连接网络
- 本地电脑已连接 VPN(若远程服务器在内网下)
- 远程服务器已连接网络
2 环境配置
本文中所使用的本地操作系统环境为 Windows 10,远程操作系统环境 Linux Ubuntu 18.04。
2.1 配置本地环境
- 安装 vscode
- 安装 Remote-SSH 插件
可以将其它 Windows 环境中已安装好的 vscode、扩展及相应的 settings.json 配置文件直接拷贝到本地对应目录下,实现免安装即开即用。vscode 放置路径随意,扩展放到本地 C:Users你的用户名
目录下,即 Windows 的 ~
目录,settings.json 配置文件放到 C:Users你的用户名AppDataRoamingCodeUser
目录下。
2.2 配置远程环境
- 查看 vscode commit id 并下载对应版本的 vscode-server
下载链接的形式为:
1
https://update.code.visualstudio.com/commit:commit_id/server-linux-x64/stable
本文中使用的 vscode 的 commit id 为
e18005f0f1b33c29e81d732535d8c0e47cafb0b5
,故对应下载链接为:1
https://update.code.visualstudio.com/commit:e18005f0f1b33c29e81d732535d8c0e47cafb0b5/server-linux-x64/stable
下载将得到
vscode-server-linux-x64.tar.gz
文件。 - 将 vscode-server 部署到远程服务器登陆远程服务器,在
~
目录下创建.vscode-server/bin
目录:1
mkdir -p ~/.vscode-server/bin
将下载得到的
vscode-server-linux-x64.tar.gz
文件上传至上述新建的~/.vscode-server/bin
目录:1
scp vscode-server-linux-x64.tar.gz user_name@server_ip:~/.vscode-server/bin
登陆远程服务器,解压
vscode-server-linux-x64.tar.gz
:1 2
cd ~/.vscode-server/bin tar -zxvf vscode-server-linux-x64.tar.gz
解压后将在
~/.vscode-server/bin
目录下生成vscode-server-linux-x64
目录,将其改名为上文中得到的 vscode 的 commit id,并删除vscode-server-linux-x64.tar.gz
:1 2
mv vscode-server-linux-x64 e18005f0f1b33c29e81d732535d8c0e47cafb0b5 rm vscode-server-linux-x64.tar.gz
在这个以 vscode commit id 命名的目录中创建名为
0
的文件:1 2
cd ~/.vscode-server/bin/e18005f0f1b33c29e81d732535d8c0e47cafb0b5 touch 0
vscode-server 完成远程部署后不包含扩展,可将其它已安装有 vscode 的 Ubuntu 机器的 ~/.vscode
目录下的 extensions
目录放到上文中创建的远程服务器的 ~/.vscode-server
目录下,实现扩展离线安装,或通过下文中将提到的方法直接将本地扩展全部或部分在线安装到远程服务器。
2.3 配置本地连接远程
- 打开本地 vscode,点击左下角黄色图标打开远程窗口
- 连接到主机
- 配置 SSH 主机
- 编辑配置文件
- 重复执行步骤 1 和步骤 2,并连接到已配置好的远程服务器
- 在新弹出的窗口中选择远程服务器操作系统类型
- 输入远程服务器密码并回车,若弹出失败窗口,点击 retry 重试,再次输入密码并回车
- 将本地扩展安装到远程服务器
- 打开远程工作目录
2.4 配置 SSH 免密登陆
完成上述步骤后,我们已经可以实现快速远程开发的需求,但每次登陆远程或由于网络不稳定导致重连都会要求我们输入远程的登陆密码,不免麻烦。由于本地 vscode 与远程 vscode-server 的连接走的是 SSH 协议,因此我们可以通过配置 SSH 免密登陆来省去所有要求输入密码的过程。
- 生成 SSH 密钥对(若不存在得话)
1
ssh-keygen -C "your email address"
生成的密钥对被保存在本地的
C:Users你的用户名.ssh
目录下,生成的密钥对包括私钥id_rsa
和公钥id_rsa.pub
,我们需要将公钥中的内容添加到远程服务器。 - 将 SSH 公钥添加到远程服务器
1
ssh-copy-id user_name@server_ip
输入上述命令以及远程服务器的登陆密码,将在远程服务器的
~/.ssh
目录下创建authorized_keys
文件(若不存在得话),并将本地 SSH 公钥中的内容添加到该文件中。此后,任何从本地发起的指向远程服务器的 SSH 连接请求(如登陆、scp 文件传输等)将不再需要输入登陆密码。
版权声明:本文内容采用 CC BY-NC-SA 4.0
协议许可,转载请注明
文章名称:visual studio code使用 Remote-SSH 插件 + vscode-server 进行远程开发
文章链接:https://www.baizi.net/windows/122.html
文章链接:https://www.baizi.net/windows/122.html
根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。”本站所有内容资源均来源于网络,仅供用户交流学习与研究使用,版权归属原版权方所有,版权争议与本站无关,用户本人下载后不能用作商业或非法用途,需在24小时内从您的设备中彻底删除下载内容,否则一切后果请您自行承担,如果您喜欢该程序,请购买注册正版以得到更好的服务。
联系方式(#替换成@):serverr#baizi.net
共有 0 条评论