vs code 远程连接服务器（超详细，图文说明）

工作中需要使用vs code远程连接服务器，网上找了好多教程，发现没有完善的说明，对我这种小白来说真是耗时耗力，完成连接后，特地把搭建过程图文分享出来。

1.安装完vs code后，打开应用商店，搜索remote development，点击install进行安装(我这里因为安装过了，没有install按钮)

安装完后，左下角有绿色的图标><，商店上方出现远程连接图标（一个显示器标志）

2.点击远程连接图标会进入remote explorer栏，点击该栏左上角下拉选项，选择SSH Targets

3.点击设置按钮

选择后缀为\.ssh\config的选项,进入连接设置 页面，按以下说明进行修改

Host 连接名称

HostName 要连接的服务器ip

Port 端口

User 需要登陆的用户名

修改完后，生成刚才设置 的连接

4.配置默义连接系统为linux，PS：若不配置这一步，在连接时会报getPlatformForHost was canceled，参考：vscode 远程开发 提示 could not establish connection to "".Connecting was canceled._wsndbd的博客-CSDN博客

[18:03:16.512] Install and start server if needed
[18:03:20.246] getPlatformForHost was canceled
[18:03:20.247] Resolver error: Connecting was canceled

点击Flie > Preferences > Settings

进入设置页面，找到Edit in settings.json, 点击打开

在"remote.SSH.showLoginTerminal": []后面加一个逗号，下方添加：

"remote.SSH.remotePlatform": {

    "刚才配置的连接名": "linux",

},

备注：若不配置默认连接的系统，在点击连接时上方会弹出系统的选择项，手工点击linux连接即可，也不会报错。

5.连接远程服务器，

（1）方式一：点击左下角绿色连接符号，点击Remote-SSH:Connect to Host

（2）方式二：点击显示器符号，鼠标右键点击刚才设置的连接，选择current window/new window都行，

输入密码就能正常连接了，随后选择要打开的工程目录，就能加载了，连接完成。