VSCode远程开发 使用XShell配置SSH

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下载地址:https://www.netsarang.com/zh/xshell/

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

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

点击接受并保存

密钥就会被保存至C:\Users\用户名\Documents\NetSarang Computer\7\SECSH\HostKeys下,可以看到一个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\用户名\.ssh\id_rsa

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


输入密码登录

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


打开文件夹

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


Bash终端

4. 环境配置

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

这里我Python已经安装过了,就以Live Server为例

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

配置解释器

选择解释器

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


运行代码

END

你可能感兴趣的:(VSCode远程开发 使用XShell配置SSH)