超 6 的远程开发工具 —— VsCode 扩展 Remote-SSH

嘿i醒醒
769 阅读1分钟

使用场景

  • 前后端未分离的老旧项目，不想在本地搭建环境，可以开个测试服，直接远程链接到测试服进行代码修改
  • 需要编辑远程服务器文件，但是又不想使用vim，想要使用本地vscode愉快的修改文件
  • 其他需要在远程服务器上进行开发的场景

优势

  • 直接连线远程进行开发，无需本地搭建开发环境
  • 自动打开远程命令行，方便执行git命令等
  • 充分利用本地vscode开发工具，无需在远程使用vim进行繁琐编辑

使用方法

1. 安装vscode扩展 Remote - SSH

image.png

2. 配置远程服务器

  • 打开 远程资源管理器

    image.png

  • 可以直接编辑配置文件，活着点击 + 来添加远程服务器

    image.png

    image.png

    image.png

  • 添加完成后，刷新即可在SSH下看到添加的服务器，此时可以选择打开方式

    image.png

3. 打开远程目录

  • 选择打开方式后，点击continue

    image.png

  • 输入密码

    image.png

  • 显示连接成功

    image.png

  • 切换至资源管理器，点击 打开文件夹，在弹窗中输入要打开的 远程路径

    image.png

4. coding 吧

  • 打开远程开发目录后，就可以愉快的codeing了

    image.png

  • 修改后直接保存，会在远程同时保存

  • 打开命令行窗口，默认打开的也是远程命令行，此时可以在远程执行 git命令

avatar
文章
阅读
粉丝