vscode远程连接调试

远程调试是为了解决在本机开发环境与线上不一致导致调试难、搭建繁琐

**环境**
系统:win10
系统工具:openssh
工具:vscode
vscode插件:Remote-SSH、Remote Development、REST Client
  1. 下载vscode安装包,是windows环境下安装,一般安装64位
    链接:https://code.visualstudio.com/
    vscode远程连接调试_第1张图片

  2. 打开vscode软件,我这用的汉化后的,可以在下图扩展中选择Chinese插件选择直接安装,然后重新打开vscode就是简体中文了。其中Beautify是一个美化插件,对js、html、vue都可以进行格式化操作,按f1键选择Beautify file就进行格式化排版了。
    vscode远程连接调试_第2张图片

  3. 安装Remote-SSH、Remote Development、REST Client插件,点击安装就行
    vscode远程连接调试_第3张图片

  4. 在windows下安装openssh客户端和openssh服务器,设置】【应用】【可选功能】中进行添加,一般win10会自带有
    vscode远程连接调试_第4张图片

  5. 在windows下启动openssh服务,在本地服务中进行设置,选择【此电脑】右击——【管理】——【服务和应用程序】——【服务】——启用【openssh】
    vscode远程连接调试_第5张图片

  6. 打开vscode,资源器选择【SSH Targets】,再点+添加服务器地址
    vscode远程连接调试_第6张图片

  7. 在出现的输入框中输入你用户名和远程服务器地址连接,【ssh [email protected]】,回车后保存配置文件
    vscode远程连接调试_第7张图片

  8. 根据提示输入密码即可,此时左侧可以看到我们远程连接的服务
    vscode远程连接调试_第8张图片

最近微信上弄了一个公众号,也是用于分享学习经验的,有帮助到大家的请点点关注谢谢!!!
公众号名称:碎碎学习

你可能感兴趣的:(vscode,编辑器,ssh)