实现vscode远程开发的详细步骤(配截图)

15195775117

前言

vscode远程开发，就是在本地vscode上直接编辑远程脚本。
vscode是通过ssh进行远程开发的。
那何谓“ssh”？
---ssh协议族可以用来进行远程控制，或在计算机之间传送文件。
OpenSSH 是ssh 协议的免费开源实现，它使远程Windows命令行和远程Linux同样方便。

步骤1、安装和启动OpenSSH

访问：https://github.com/PowerShell/Win32-OpenSSH/releases
下载这个：OpenSSH-Win64.zip

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC7C.tmp.jpg

将OpenSSH-Win64.zip解压缩到文件夹OpenSSH-Win64
把文件夹OpenSSH-Win64移动到例如C:\Program Files里面
打开cmd，执行：cd C:\Program Files\OpenSSH-Win64
执行：powershell.exe -ExecutionPolicy Bypass -File install-sshd.ps1
结果如下图：

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC7D.tmp.jpg

设置ssh服务开机自启：sc config sshd start=auto
启动sshd服务：net start sshd (停止sshd：net stop sshd)

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC7E.tmp.jpg

说明：ssh代表客户端的ssh服务，sshd代表服务端的ssh服务

步骤2、测试22号端口是否开放

这个端口不需要在防火墙里开启，22号端口是ssh服务专用的端口，好像是启动ssh服务后自动开放的。
也可以不测试，不过最好测试下。

2.1、启用测试工具telnet

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC7F.tmp.jpg

2.2、测试端口是否开放
测试本地端口是否开放：telnet 127.0.0.1 22
测试远程端口是否开放：telnet xxx.xxx.xxx.xxx 22
如果端口没开放，显示连接失败；如果端口是开放的，显示：

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC80.tmp.jpg

其他：查看开放的所有端口：netstat -na

记趣：
昨天(2021.12.14)我测试端口是否开放，怎么都连不上。
我换了3台电脑，换了几个端口号，各种抓耳挠腮，没头苍蝇乱撞。
在我感到毫无办法的时候，以往的经验告诉我，睡一觉后有惊喜。
果然，今早我发现，连不上端口是因为sshd服务没开。
我也不知道sshd服务是什么时候关闭的，反正我启动sshd后，本地和外部就都顺利连接了。

步骤3、安装和配置远程插件

3.1、在vscode安装：远程编程与调试的插件Remote Development

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC81.tmp.jpg

3.2、打开【设置】，在设置的搜索框中搜索Show Login Terminal，勾选多选框

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC82.tmp.jpgfile:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC83.tmp.jpg

3.3、点开vscode左下角的远程图标：

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC84.tmp.jpg

这时在命令窗口会弹出几个选项，依次点击以下3个：

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC85.tmp.jpgfile:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC86.tmp.jpgfile:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC87.tmp.jpg

之后打开的文件需要自己填：

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC88.tmp.jpg

我写的：
Host ssh_to_aliyun
    HostName xxx.xxx.xxx.xxx
    User Administrator
其中，
ssh_to_aliyun代表这个远程的名字,是自定义的
xxx.xxx.xxx.xxx是远程服务器的IP
Administrator是云服务器的账号名

按Ctrl+S保存这个config

步骤4、远程访问

点击 file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC99.tmp.jpg，在【远程资源管理器】选择【SSH Targets】，这时会显示刚刚设置的远程对象【ssh_to_aliyun】，右击连接：

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC9A.tmp.jpg

选择云服务器的系统类型：

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC9B.tmp.jpg

键入yes回车：

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC9C.tmp.jpg

然后是输密码，注意：填密码时是没有动静的，密码如果较长就不好把握，可以先复制密码，在这里Ctrl+V粘贴即可。

连接成功后，左下角和右下角分别显示：

file:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC9D.tmp.jpgfile:///C:\Users\xiumu\AppData\Local\Temp\ksohtml\wpsCC9E.tmp.jpg

这时，点击【文件】->【打开文件】，我们发现，操作的是远程服务器里的文件，这就实现了远程开发！

FDU.EDU

请问我按照您说的方式连接，出现这个情况 怎么处理呢？
C:\Program Files\OpenSSH-Win64>powershell.exe -ExecutionPolicy Bypass -File install-sshd.ps1
-File 形式参数的实际参数“install-sshd.ps1”不存在。请提供现有“.ps1”文件的路径，作为 -File 形式参数的一个实际参数。
Windows PowerShell
版权所有 (C) Microsoft Corporation。保留所有权利。

尝试新的跨平台 PowerShell https://aka.ms/pscore6

15195775117

FDU.EDU 发表于 2022-1-18 10:07
请问我按照您说的方式连接，出现这个情况 怎么处理呢？
C:\Program Files\OpenSSH-Win64>powershell.exe - ...

不清楚，我一次就成功了，你再仔细检查下过程吧

15195775117

后记


其实用vscode进行远程开发，只适用于windows系统的服务器，
对于Linux服务器是完全用不着的，
Linux系统支持xshell等的SSH连接，就不必在vscode上再用SSH了。


好吧，我又浪费了不少宝贵的时间，来研究一个没用的东西。