vs code 远程连接服务器(超详细,图文说明)

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

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

vs code 远程连接服务器(超详细,图文说明)

安装完后,左下角有绿色的图标><vs code 远程连接服务器(超详细,图文说明),商店上方出现远程连接图标(一个显示器标志)

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

vs code 远程连接服务器(超详细,图文说明)

 

3.点击设置按钮

vs code 远程连接服务器(超详细,图文说明)

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

Host 连接名称

HostName 要连接的服务器ip

Port 端口

User 需要登陆的用户名

vs code 远程连接服务器(超详细,图文说明)

vs code 远程连接服务器(超详细,图文说明)

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

vs code 远程连接服务器(超详细,图文说明)

4.配置默义连接系统为linux,PS:若不配置这一步,在连接时会报getPlatformForHost was canceled,参考:https://blog.****.net/wsndbd/article/details/105278323?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.compare&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.compare

[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

vs code 远程连接服务器(超详细,图文说明)

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

vs code 远程连接服务器(超详细,图文说明)

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

"remote.SSH.remotePlatform": {

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

},

vs code 远程连接服务器(超详细,图文说明)

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

5.连接远程服务器,

(1)方式一:点击左下角绿色连接符号,点击Remote-SSH:Connect to Host

vs code 远程连接服务器(超详细,图文说明)

(2)方式二:点击显示器符号,鼠标右键点击刚才设置的连接,选择current window/new window都行,

vs code 远程连接服务器(超详细,图文说明)

 

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

vs code 远程连接服务器(超详细,图文说明)