如何配置 VS Code 进行远程调试.

从前,我还在用 Putty 艰难地连接服务器,用命令行敲着 ftp 去与服务器互传文件;

后来长大了,开始用 XShell 进行交互,传文件直接用 XFtp,效率陡增;但是由于我用不惯 Vim,每一次改内容都需要把文件先下下来,用 VS Code 改好,然后再用 Xftp 给传上去。

再后来,VS Code 的官方 Remote 插件推出,如今的我可以直接在 VS Code 里面操作服务器进行开发和调试,简直不要太舒服。

那么如何配置 VS Code 并实现远程开发呢?

安装 VS Code 和插件

VS Code 下载地址

首先下载安装 VS Code。以前只有 Insider 版本才有 Remote Development,现在已经下放到正式版本了。

然后打开扩展页面,搜索 Remote Development,选择第一个安装,在安装完成后左栏会出现一个 Remote 的小图标

配置 Remote Development

如图,点击配置一个 SSH Host

这是编辑器会打开一个文件,格式如下:

    # Read more about SSH config files: https://linux.die.net/man/5/ssh_config
    Host CentOS
        HostName 111.111.111.111
        User admin

Host 后面填服务器名称(可随意填);HostName 后面填服务器的IP地址或域名User 后面填服务器用户

填写的时候注意空格。

配置 ssh-key

从用户文件夹打开 cmd,然后 cd 到 .ssh 文件夹中,用 ssh-keygen 命令生成密钥文件(.pub 文件)。

把 .pub 文件传到服务器的 .ssh 文件夹中,然后在 .ssh 文件夹用 cat id_rsa.pub >> authorized_keys 命令将公钥加入到 authorized_keys 中。

然后返回 VS Code,在配置文件下添加 IdentityFile自己的私钥路径

    # Read more about SSH config files: https://linux.die.net/man/5/ssh_config
    Host CentOS
        HostName 111.111.111.111
        User admin
        IdentityFile C:\Users\***\.ssh\id_rsa

保存后便会出现一个刚刚生成的连接:

右键它可以选择是在新的窗口连接还是在现在的窗口连接

结束

至此,VS Code 的远程连接就配置完成,后续的连接可以通过 Remote 图标连接,也可以在文件 → 打开最近的文件中快捷打开。

连接到服务器后,打开终端便是服务器的终端,而且安装其他插件的时候,会有选项设置安装到本地 VS Code 还是服务器的 VS Code 上。