vscode连接服务器在线编程教程

前言

最近在学习JS DOM部分，已基本结束，只是缺少大量的练习，等原先的基础花个几天巩固一下就开始BOM的学习

于是打算写一些dome放在我的博客上进行展示，也是对自己的一个监督

我是一个拖延症晚期的不讲武德的年轻小伙子，懒癌晚期，超级不喜欢动手

尤其是demo写好后还要往博客上cv操作，更是嫌麻烦

于是百度了下vscode直接连接服务器进行在线编程，在伟大的vscode插件生态下，找到了解决办法

教程开始

vscode的安装汉化什么的就不说了

安装OpenSSH

首先查看自己的电脑有没有OpenSSH，该服务的作用是让你可以在终端使用ssh指令，Windows10通常自带OpenSSH不需要安装。

Windows10下检查是否已经安装OpenSSH的方法：
按下快捷键 Win + X（不同的电脑快捷键是不一样的，这个因人而异），选择 Windows PoweShell（管理员），输入以下指令：

Get-WindowsCapability -Online | ? Name -like 'OpenSSH*'

如果电脑未安装OpenSSH，则State会显示NotPresent，如下所示：

如果未安装，则输入指令：

Add-WindowsCapability -Online -Name OpenSSH.Client~~~~0.0.1.0

安装完成后会出现以下输出，如下图所示：

安装Remote-SSH

Remote-SSH是VScode的插件，安装完VScode以后，我们打开vscode，直接在插件中搜索ssh，即可找到Remote-SSH，点击install安装。

配置Remote-SSH

安装完Remote-SSH以后左侧会出现一个远程资源管理的图标，选择SSH Targets，进入config配置文件

在配置文件中设置服务器信息，输入HostName和User，保存以后左侧会出现对应机器名称。

更改设置，文件->首选项->设置->扩展->Remote-SSH，找到Show Login Terminal并勾选

英文路径：File->Preferences->Settings->Extension->Remote-SSH

连接服务器

点击SSH TARGETS下的服务器旁边的按钮纽行连接，在这里可能会弹出让你选择服务器的平台，需要选择以后才会出现输入密码的步骤

上面步骤弄好了，下面的控制台会让你输入密码

输入好密码之后，成功连上服务器，点击控制台右侧的 +号创建服务器的终端窗口，可以正常使用了！

打开以后可以看到服务器文件目录，直接在文件目录中选择文件进行编辑，实时同步到服务器上，这时候已经可以开始愉快的进行开发了！