简介
最近VScode发布了远程编程与调试的插件Remote Development，使用这个插件可以在很多情况下代替vim直接远程修改与调试服务器上的代码，同时具备代码高亮与补全功能，就和在本地使用VScode一样。终于不用在服务器端翻来覆去的配置vim插件了。
配置的过程很简单，本文介绍如何通过ssh的方法链接到远程机器上，另外插件还提供了连接到WSL和容器的功能。
远程配置过程
- 远程主机安装ssh-server
根据本地OS选择安装方式 - 本地主机安装ssh-client
根据本地OS选择安装方式 - 安装vscode。现在正式版也能和测试版一样使用这一款插件了。
- 安装Remote Development插件
安装插件 - 登陆的时候自动打开命令行窗口，通过ctrl+shift+p打开设置Remote-SSH-Settings，设置Remote.SSH:Show Login Terminal为true
设置 连接远程主机
安装完插件后左下角会出现一个绿色的图标，点击选择会在命令窗口弹出几个选项
-
选择SSH
选择Remote-SSH：Connect to Host->Configure SSH Hosts->选择一个config
选择config
之后会出来配置config的信息，Host是自己给这份配置文件起的名字，HostName是远程主机的IP地址，User是登录名
输入自己的信息
输入完毕后保存，左侧会出现配置好的信息，右键登陆即可。
选择主机 - 选择密码登录，需要在命令行输入密码登陆
登陆后界面
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文件夹里
- 每次登录就不用输密码了
debug配置过程
首先本地要配置好调试的所有插件，每种语言不一样，大家可以自行查找配置过程。我配的是rust，最终效果如图，登陆上远程服务器后，插件栏就变成了本地和远程两个部分。
本地和远程插件不同
登陆上后远程自己也会自动安装插件，最后可以手动比对一下，如果哪个没有自动安装上就要自己再安装。并且配置过程和本地debug配置过程是一样的。之后就可以点菜单栏上的调试按钮进行调试。效果如图。
调试图
参考资料
Developing on Remote Machines using SSH and Visual Studio Code
文章就分享到这，欢迎关注“前端大神之路”
