Visual Studio Code安装使用Remote 远程开发配置

时间:2024-04-08 15:13:38

简介

它来了,它来了,它带着 Remote走来了,微软发布了 VS Code Remote,这里主要记录一下Win10下配置VS Code 使用SSH连接远程开发调试的心得,忙了几个小时的辛酸,只能说自己太傻。

工作准备

本地操作系统:win10
安装包(最新版本就可以了):vsCode下载
服务器操作系统:Linux (Centos、Ubuntu都OK)

配置ssh和生成SSH key

首先,本地和服务器都需要安装ssh,这里就不说了,参考以下这边文章。
win10开启OpenSSH服务
服务器 OpenSSH 实现免密码连接

1. win+r 输入PowerShell,输入ssh-******,直接三下enter,就生成了**。当然你可以用来指定一些信息,详情可自己查阅。
2. 进入C:\Users\98195\.ssh你可以查看到自己生成的**,我的是因为有两个服务器才指定名称好记,.pub是公钥用来上传到服务器的。
3. .pub你可以自行上传到服务器,如果手头没有ssl工具,vscode也可以上传的。
Visual Studio Code安装使用Remote 远程开发配置

VsCode上的配置

  1. 打开vsCode,点击拓展,安装Remote Development,当然你也可以安装Remote - SSH 这一个插件,安装完成后会出现小电视图标。
    Visual Studio Code安装使用Remote 远程开发配置
  2. 点击远程资源管理器 >> 添加 >> 输入连接名称(可随意写)>> 选择配置文件 C:\Users\98195\config。这样就生成名为example的连接。
    Visual Studio Code安装使用Remote 远程开发配置
    Visual Studio Code安装使用Remote 远程开发配置
  3. 点击设置,然后选择 C:\Users\98195\config 然后编辑器会自动打开config文件,填写自己的信息就是了。
    Visual Studio Code安装使用Remote 远程开发配置
  4. 若是你已经把.pub上传到服务器,可直接跳到下一段。点击连接,按照步骤选择 Linux >> 输入你的密码,这样你的SSH就已经可以用密码连接了。
    Visual Studio Code安装使用Remote 远程开发配置
    Visual Studio Code安装使用Remote 远程开发配置
  5. 点击文件选项。 打开文件 >> 选择.ssh >> authorized_keys 文件。将之前的本地文件 xxx.pub 用vscode打开并复制里面的内容到 authorized_keys 里面,保存。这样你的文件就上传好了。
    Visual Studio Code安装使用Remote 远程开发配置

SSH免密码登录

我们的公钥已经上传到服务器了,只要做最后的修改即可,如果你的服务器 /etc/ssh/sshd_config早已经修改好了,那就可以直接修改config文件,把剩下的部分添加完成。点击连接,这样就完成了。操作就是点击“文件”,选择文件或者文件夹,就可以快乐的修改啦。
Visual Studio Code安装使用Remote 远程开发配置

基本和本地使用vscode没有差别