VScode Remote 远程开发与调试

简介

最近VScode发布了远程编程与调试的插件Remote Development，使用这个插件可以在很多情况下代替vim直接远程修改与调试服务器上的代码，同时具备代码高亮与补全功能，就和在本地使用VScode一样。终于不用在服务器端翻来覆去的配置vim插件了。

配置的过程很简单，本文介绍如何通过ssh的方法链接到远程机器上，另外插件还提供了连接到WSL和容器的功能。

远程配置过程

1. 远程主机安装ssh-server

   
   
    

   

   根据本地OS选择安装方式

2. 本地主机安装ssh-client

   
   
    

   

   根据本地OS选择安装方式

3. 安装vscode。现在正式版也能和测试版一样使用这一款插件了。

4. 安装Remote Development插件

   
   
    

   

   安装插件

5. 登陆的时候自动打开命令行窗口，通过ctrl+shift+p打开设置Remote-SSH-Settings，设置Remote.SSH:Show Login Terminal为true

   
   
    

   

   设置

6. 连接远程主机
   安装完插件后左下角会出现一个绿色的图标，点击选择会在命令窗口弹出几个选项

   
   
    

   

   选择SSH
   
   

   选择Remote-SSH：Connect to Host->Configure SSH Hosts->选择一个config

   
   
    

   

   选择config
   
   之后会出来配置config的信息，Host是自己给这份配置文件起的名字，HostName是远程主机的IP地址，User是登录名
   
    

   

   输入自己的信息
   
   输入完毕后保存，左侧会出现配置好的信息，右键登陆即可。
   
    

   

   选择主机

7. 选择密码登录，需要在命令行输入密码登陆

   
   
    

   

   登陆后界面

8.选择ssh无密码远程登陆
1）首先在客户端生成ssh密钥，打开命令行工具，我直接使用的git的git bash
ssh-keygen -t rsa -P '' -f ~/.ssh/id_rsa
如果已经生成了，那么进入cd ~/.ssh cat id_rsa.pub查看
2）ssh-copy-id 你的用户名@你的IP
例如 ssh-copy-id username@192.168.1.1
会自动把公钥传输到服务端的$HOME/.ssh/authorized_keys文件夹里

3. 每次登录就不用输密码了

debug配置过程

首先本地要配置好调试的所有插件，每种语言不一样，大家可以自行查找配置过程。我配的是rust，最终效果如图，登陆上远程服务器后，插件栏就变成了本地和远程两个部分。

 

本地和远程插件不同

登陆上后远程自己也会自动安装插件，最后可以手动比对一下，如果哪个没有自动安装上就要自己再安装。并且配置过程和本地debug配置过程是一样的。之后就可以点菜单栏上的调试按钮进行调试。效果如图。

 

调试图

参考资料

Developing on Remote Machines using SSH and Visual Studio Code

文章就分享到这，欢迎关注“前端大神之路”