VSCode远程开发 使用XShell配置SSH

2023年 8月 24日 117.7k 0

本文原发布于简书(2021.06.07 09:54)

1. 简介

在VSCode中,能够通过安装插件的方式来进行远程开发。与JetBrains系列全家桶远程开发方式的不同是,VSCode是直接将代码通过SSH直接上传到服务器中,而JetBrains系列IDE(例如PyCharm)的远程开发方式是将代码保存在本地,之后再同步到服务器中,速度缓慢。若不小心在服务器端修改了代码,还不会同步到本地。

远程开发能够使用云服务器(如阿里云、腾讯云的ECS)的内存、带宽、开发环境等。与本地开发相比,能够将本地(Windows)配置改为在Linux配置(一般来说,Linux配置更为简单),并利用服务器的带宽,加快npm、git clone等的速度。

在网上的其他教程中,大部分使用的都是VSCode+Remote Development插件+OpenSSH的方式进行配置。但是实际上,平常使用得更多的是诸如XShell、SecureCRT等软件进行SSH连接,而不是OpenSSH。这篇文章旨在提供思路,省去下载OpenSSH和配置密钥的繁琐过程。

2. 安装SSH

只要安装了XShell、SecureCRT等软件,就会自带一个SSH。在CMD输入ssh命令,即可看到是否已经安装了SSH。接下来以XShell为例。
这样就是安装好了SSH

XShell下载地址:www.netsarang.com/zh/xshell/

填写电子邮件,会收到一个有效期30天的下载链接。

安装完成后,打开XShell,连接到服务器,得到一个密钥。点击接受并保存
点击接受并保存

密钥就会被保存至C:Users用户名DocumentsNetSarang Computer7SECSHHostKeys下,可以看到一个key_ip_port.pubipport是具体的IP和端口)的文件。将该文件改名为id_rsa(不改也可以),复制到C:Users用户名.ssh文件夹下。

3. VSCode部署

在VSCode安装Remote Development插件包(也可以只安装插件包中的Remote SSH即可)。
Remote SSH

之后侧边栏就会多出一个远程资源管理器,在这里打开配置文件:
打开配置文件

修改配置文件,配置IP、端口号和密钥文件的本地路径:
配置文件内容

Host 主机别名
    HostName 你的IP
    User 你的用户名
    Port 22
    IdentityFile C:Users用户名.sshid_rsa

配置完成后保存,双击远程资源管理器的服务器,就可以输入密码进行登录了。
输入密码登录

之后就可以在资源管理器打开服务器的文件夹,编写代码和上传文件了:
打开文件夹

还可以在VSCode中打开服务器的Bash终端:
Bash终端

4. 环境配置

可以将VSCode的插件安装到云服务器中,通过配置插件,达到使用远程服务器环境配置的目的。以Python为例,搜索Python插件,点击在SSH:XXX中安装即可将插件安装到远程服务器上:
这里我Python已经安装过了,就以Live Server为例

安装好后,需要告诉插件Python环境(解释器)在什么位置(目前最新的插件会自动配置好,不再需要手动配置)。打开命令面板(Ctrl+Shift+P)输入Python: Select Interpreter然后选择一个解释器。
配置解释器
选择解释器

之后便可以编写Python代码运行了~
运行代码

END

相关文章

服务器端口转发,带你了解服务器端口转发
服务器开放端口,服务器开放端口的步骤
产品推荐:7月受欢迎AI容器镜像来了,有Qwen系列大模型镜像
如何使用 WinGet 下载 Microsoft Store 应用
百度搜索:蓝易云 – 熟悉ubuntu apt-get命令详解
百度搜索:蓝易云 – 域名解析成功但ping不通解决方案

发布评论