vscode 编辑远程项目

概要

通过vscode远程编辑项目，避免在服务器上安装图形界面，可以保持服务器的轻量。

既可以利用vscode的各种编辑的便利性，又可以使用linux服务器上的各种开发环境，
尤其是可以使用linux服务器上的各种命令行工具。

毕竟要在windows上弄一套开发环境太麻烦，环境迁移也不方便。

配置远程插件

vscode能够编辑远程机器上的项目，关键就在于 Remote-SSH 插件。
同时附带安装 编辑配置文件 的插件，方便配置远程服务的SSH信息。

安装好之后，侧边栏会多一个Remote Explorer，如下图：

配置ssh

如果正常安装了上面2个插件，按照如下步骤配置SSH。

【Ctrl+Shift+p】 打开命令搜索，并找到如下命令：

选择上图红框中的选项：

选择上图中的文件，没有的话会自动创建。
然后在其中配置远程服务器的 SSH 连接信息。

上面是我的配置信息，连接的是本地虚拟机中的linux系统。
其中的** IdentityFile** 是在服务器上用 ssh-gen 工具生成的。

便捷打开远程项目

打开远程项目可以通过侧边栏的 Remote Explorer，通过添加一个 ssh target，然后打开其中的目录。
但是这样很麻烦，每次都要一层一层的选择目录，如果你经常看服务器上的文件就很不方便。

这里介绍一种通过命令行快捷打开远程服务器上目录或者文件的方法。
打开 vscode，输入 【Ctrl+`】 打开命令行窗口，如下图所示，windows上默认应该是 powershell。

输入：

code --remote -ssh-remote+vm /remote/path

其中， vm 是上面SSH配置文件中的 Host 配置，**Host **可以配置任意你想要的名字，而 HostName 要配制服务器实际的IP或者域名。

/remote/path 是远程服务器上的路径，可以是一个文件，也可以是一个文件夹。

通过 powershell 函数简化命令

上面的命令有很多参数，输入起来很麻烦，可以配置一个 powershell 的函数来简化打开远程文件的命令。

打开命令行 【Ctrl+`】

Test-Path $profile

# 如果上面命令返回 True，则
echo $profile  # 会显示profile 文件的路径

# 如果上面命令返回 False，则
New-Item -Type file -Force $profile  # 创建之后也会显示 profile 文件的路径

编辑profile文件

code $profile

打开的 profile 中输入以下函数：

function rcode {
    code --remote ssh-remote+vm $args
}

重启下vscode，之后就可以在命令行中用如下命令打开任意远程文件：

rcode /remote/path