基于Windows下VSCode安装及安装相关插件通过SSH协议远程连接服务器详细方法
一、安装VSCode,首先点击下面的VS Code下载官网链接。注意:若之前已经下载但是想要重新安装,需要完全卸载VS Code及其相关下载的插件可以参考下面第二个链接操作。
Visual Studio Code:点击打开Visual Studio Code (VS Code) 下载官网 完全卸载VS Code:点击打开完全卸载VS Code方法网页 ![在这里插入图片描述](https://img-blog.csdnimg.cn/25d327e5fa1c4029b9e61b5ed74ac529.png)
二、点击“Donwload”。
![在这里插入图片描述](https://img-blog.csdnimg.cn/4dc9aef6e25b48269f4bec1809504009.png)
三、因为是基于windows64位操作系统安装VS Code,因为博主操作系统登录的账户是管理员账户,所以选择“Windows”下的“System Install 64 bit”,点击“64 bit”进行VS Code安装文件下载。(注意:选择用户安装也可以,User和System版本的区别主要在于是用户此时本地电脑的操作系统登录的是管理员账号Administrator就用System版本,否则用user版本)
![在这里插入图片描述](https://img-blog.csdnimg.cn/1d6fbafef2fc45ba87f44ec20498a1e7.png)
四、上一步点击后会产生一个新的页面,然后不用点击任何地方,等待VS Code文件自动下载即可(大约30秒作用)。
![在这里插入图片描述](https://img-blog.csdnimg.cn/79eba362c3cf472899cb3ec9df2a4d4c.png)
五、根据VS Code安装包下载的路径找到VS Code安装包,双击VS Code安装包执行VS Code安装程序。
![在这里插入图片描述](https://img-blog.csdnimg.cn/0e920e9263bb49a9912361eb8301f132.png)
六、若电脑出现安全警告弹框,点击“运行”即可,若没有直接跳到下一步。
![在这里插入图片描述](https://img-blog.csdnimg.cn/5d9b5e65b3d842cbb7fbfcb140c9fa84.png)
七、按照下面图片中的步骤依次点击。
![在这里插入图片描述](https://img-blog.csdnimg.cn/0535e3546376426fb808ab11054591ca.png)
八、按照下面图片中的步骤依次点击。注意:博主建议修改文件安装路径,否则默认安装到C盘。
![在这里插入图片描述](https://img-blog.csdnimg.cn/0169e2b00c224c0fb074466ae69c37a0.png)
九、点击“下一步”。
![在这里插入图片描述](https://img-blog.csdnimg.cn/78964573c32a49bab528f797ce4c5fc9.png)
十、按照下面图片中的步骤依次点击。注意:其中有个“添加到PATH(重启后生效)”这个选项,建议安装的时候默认选择就行,但是安装完必须将电脑重启之后VS Code环境才配置到PATH环境中。
![在这里插入图片描述](https://img-blog.csdnimg.cn/c42c1cb538494f85b6d66b122950aa7b.png)
十一、首先安装信息确认清楚没有问题之后,再点击“安装”。注意:若发现有问题可以点击多次“上一步”回到错误信息页面进行修改之后再安装上面流程进行顺序按照。
![在这里插入图片描述](https://img-blog.csdnimg.cn/bbd7d68774ca4c0aaae3747832c1ed99.png)
十二、等待30秒作用安装,然后点击“完成”。
![在这里插入图片描述](https://img-blog.csdnimg.cn/bd61a546524844aea364273f60b21f3e.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/48161ddcd9454384bb16c44e0b8fc756.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/c33be7a6093b409ca9ae2965a1614446.png)
十三、VS Code语言设置(英文设置成中文),找到点击Extensions (Ctrl+Shift+X),然后输入“>language”,然后找到中文简体,点击其“install”,安装好后点击“Restart”重启VS Code。
![在这里插入图片描述](https://img-blog.csdnimg.cn/dcf19dbf98bf461c9c57d7cadbc8fc95.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/2d40136c7b224f26b752ea4d0db51a60.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/6bba5a4c55fc433daca58ea253386d11.png)
十四、给VS Code换一个好看的主题:比如SynthWave '84 - VS Code theme主题(见下图)。
![在这里插入图片描述](https://img-blog.csdnimg.cn/52ce95f32027460cb4496a7c110dacbc.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/d1e4edd2e0a945cd91e88c11ab808e75.png)
十五、借鉴上一步在VSCode中下载安装下面两个插件。
![在这里插入图片描述](https://img-blog.csdnimg.cn/61093e9bde384ef5815cbe3cb5ab99c7.png)
十六、在VSCode通过SSH协议远程连接服务器配置前,建议大家先在控制平台CMD上先测试一下服务器存在的用户名、服务器IP地址、服务器端口(port)组成的命令(关于何时内容博主随便举例一下如:ssh xr@66.666.666.666 -p 8080 )是否也能够成功连接上,若不能连接请自查原因直到在控制平台CMD上成功远程连接服务器为止才继续下一步。
ssh 用户名@服务器IP -p 服务器端口
yes
服务器用户名对应密码
![在这里插入图片描述](https://img-blog.csdnimg.cn/030bc66fc85a4d7ab8958db1a81e5de0.png)
十六、上步测试连接成功后,然后按照下面图片的顺序依次选择点击,再将下面的命令根据自己服务器相关信息修改后输入,然后创建好配置之后打开配置文件核对一下是否信息匹配(注意:核对过程中若发现错误请跳转第十八步,然后删除此错误配置远程连接),再通过SSH协议远程连接服务器。注意:如果你是第一次连接,VSCode会让大家选择操作系统类型,大家直接选择linux就行,然后点击继续。
ssh 用户名@服务器IP -p 服务器端口
![在这里插入图片描述](https://img-blog.csdnimg.cn/d64a4058b71b47dbae3ad77e0dabbbea.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/61afe84cf4c64b6cb47db5840449dece.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/e49ed27252a54c39982f56a9b432c5cd.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/c13f3b7454a4461d923d9bdf405a454a.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/48caad465aa44c8e93903357fcef4c99.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/7b3c1bbabb864d47abe159a3cca2ea5d.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/e239392ec394407d909e7b0f6b7d7be8.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/b36220764bf4426b8d96b05d26fac555.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/bb9a33f1f26b4b98b9ddde89a32ff755.png)
十七、通过SSH协议远程连接服务器上之后可以打开服务器上的对应文件,输入对应对应用户密码,然后可以对文件进行相关操作,如新建文件夹、删除文件等。
![在这里插入图片描述](https://img-blog.csdnimg.cn/de8f210f1ed94674b77ee01a9d3db08a.png) ![在这里插入图片描述](https://img-blog.csdnimg.cn/d39db8f707e94ad1a357d5d274328bfd.png)
十八、删除此错误配置远程连接方法见下图。
![在这里插入图片描述](https://img-blog.csdnimg.cn/12697a6c87484678b85e0c773bd60080.png)
|