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下的服务器旁边的按钮纽行连接,在这里可能会弹出让你选择服务器的平台,需要选择以后才会出现输入密码的步骤

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

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

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

本站部分文章资源来源于互联网,仅供学习交流,如若要商用,请购买正版!
若不听劝告,网友造成出现一切后果,与本站本人无关
本站有些资源未经测试,请注意网络安全,本站不对下载的资源造成的后果负责
免责声明
作者:昼白
转载请注明来源:https://www.zhoubaiwl.club/3221.htm
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录