VSCode Remote-SSH 连接远程服务器完成开发/编辑文件

Intro

关于本机如何使用SSH远程连接服务器的配置、命令等等内容本文略过。

  • 环境说明
    我的机器是Ubuntu,要远程连接的是腾讯云的Ubuntu服务器。
    如果你是在Windows操作,过程可能会和我有细微的差别。

操作步骤

  1. 需要保证本机可以远程访问目标机器
    假设,我有一台机器,IP为1.1.1.1,用于登录的用户名:lisi,密码lisi12345
    (这个我随口乱说的IP你可以换成你要连接的服务器的公网IP,或域名)
    那么我远程登录的命令为:ssh [email protected],然后Enter输入密码lisi12345即可。
    (如果这一步有问题,需要自行百度先解决SSH配置、连接的问题)。

  2. VSCode安装插件、配置
    打开VSCode,Ctrl+Shift+X打开扩展侧边栏(单击鼠标打开也行)
    搜索Remote,如图,需要安装的是Remote-SSH这款插件。
    VSCode Remote-SSH 连接远程服务器完成开发/编辑文件_第1张图片

  3. 配置
    安装完成后,左侧会出现一个小图标:Remote Explorer(就是上图扩展图标下面的那个小电脑)
    然后点击SSH TARGETS右侧的符号。
    VSCode Remote-SSH 连接远程服务器完成开发/编辑文件_第2张图片(上图中wuyujin是我已经提前添加了一台目标机器)

在弹出的输入框中输入ssh [email protected],然后Enter:
选择配置文件
VSCode Remote-SSH 连接远程服务器完成开发/编辑文件_第3张图片
我选择的是第一个。
接着编辑/home/wuyujin/.ssh/config文件,文件内容如下:

# Read more about SSH config files: https://linux.die.net/man/5/ssh_config
Host lisi
    HostName 1.1.1.1
    User lisi
  1. 连接
    VSCode Remote-SSH 连接远程服务器完成开发/编辑文件_第4张图片
    右击你刚才新建的ssh target。然后选择在新窗口中创建新的连接。
    看到下图场景(Press Enter to confirm your input or escape to cancel,按下Enter确认输入,按下Escape取消):输入密码lisi12345,然后Enter即可。
    VSCode Remote-SSH 连接远程服务器完成开发/编辑文件_第5张图片注意看底部的状态栏Opening Remote...,表明此时正在连接远程机器。

  2. 测试
    Ctrl+J,调出Terminal面板,这里可以用于在远程机器上执行命令。
    VSCode Remote-SSH 连接远程服务器完成开发/编辑文件_第6张图片
    注意底部状态栏的底部SSH:wuyujin,如果你是按照之前我说的样例配置,现在会看到:SSH: lisi

  3. 打开文件/文件夹
    Linux环境下的VSCode,执行命令为code
    打开文件 code file_name
    打开文件夹 code dir_name,不过会在新的VSCode窗口打开。

你可能感兴趣的:(配置,Linux)