Visual Studio Code远程开发初体验——Remote-SSH环境搭建

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

作者 VSCoder 日期 2020-06-29 12:23:55
Visual Studio Code远程开发初体验——Remote-SSH环境搭建

Visual Studio Code稳定版本1.35中已经可以安装和使用远程开发扩展了,当前版本仍然是预览版,但是我们还是可以尝试以下远程开发的体验,那么今天就尝试一下如何在Windows下的Visual Studio Code中配置远程开发环境!

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

环境准备

以下是我测试时的环境

本地环境:Windows 10 V1903(推荐1809或以上版本,省的配置OpenSSH)

VSCode版本:1.35.1

服务器Linux版本:CentOS(7.3)

Linux连接:FinalShell

环境配置

  • 本地生成密钥对(记住自己的路径,稍后需要上传到服务器)

ssh-keygen -t rsa -b 4096 -f F:\id_rsa-remote-ssh
  • 上传密钥对到你对应的服务器,我这里使用FinalShell非常的方便

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

  • 到相应的用户下执行下面的命令,将10.10.10.10替换成你服务器的IP或者域名

ssh-copy-id -i id_rsa-remote-ssh.pub 10.10.10.10
  • 安装远程扩展

微软给我们提供了很多扩展,我这里演示就安装了最全的一个,包含了其他所有插件

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

  • 编辑配置文件

插件安装好后,我们还需要编辑ssh连接配置,先点击安装好扩展后出现的侧边栏远程图标

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

编辑配置如下

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

Host 10.10.10.10
 HostName 10.10.10.10
 User root
 IdentityFile F:\id_rsa-remote-ssh
  • 远程连接

当配置好保存之后,远程连接列表中会出现你要连接的服务器,点击右边的连接按钮,尝试连接

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

在弹出的终端中输入你刚才配置的密码,第一次可能会有一些慢,会安装一些其他的东西

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

如果按照正确步骤来,应该会弹出远程连接的另一个VSCode窗口,再次输入你的密码

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

成功后再次在弹出的终端输入密码,即可成功连接

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

成功后就可以打开服务器上你的项目文件夹了,我这里仅仅是测试

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

选择成功后,不出意外,等于VSCode再次加载了,然后再次输入密码;

就是惊喜的时刻了,成功打开项目,当然了,测试的项目过于简单

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

  • 远程扩展安装

我测试的时候有些本地扩展已经同步过去了,你也可以在扩展商店安装,就是有些扩展还不知道如何在远程端使用,以后有时间在好好的琢磨了,反正现在还是预览版,先把远程环境搭起来再说

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

  • 接下来就是你表演的时候了

我的服务器延迟很高,推荐使用网络环境较好的服务器,这样才会更加流畅!

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

Git升级

在配置环境的时候,可能会提示你升级git,这里的升级指的是服务器上的,附上我在CentOS 7上的升级和配置

  • 安装依赖

yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel asciidoc
yum install gcc perl-ExtUtils-MakeMaker
  • 卸载自带的git

 yum remove git
  • 下载解压

wget https://mirrors.edge.kernel.org/pub/software/scm/git/git-2.22.0.tar.gz
tar zxvf git-2.22.0.tar.gz
cd git-2.22.0
  • 编译安装

make prefix=/usr/local/git all 
make prefix=/usr/local/git install
  • 检查版本号

whereis git 
git –version
  • 配置环境变量

vim /etc/profile 
export PATH=$PATH:/usr/local/git/bin 
source /etc/profile

Visual Studio Code远程开发初体验——Remote-SSH环境搭建

总结

以上是搜索了很多资料之后总算将环境搭建完成了,可能是因为Linux不熟悉的缘故,但总算最后成功了,整个环境搭建起来如果顺利的话,其实不难,主要是看你想不想把它搞定,希望对你有所帮助,如果你有更好的建议或者推荐,欢迎到评论区留言,共同分享!

Visual Studio Code远程开发初体验——Remote-SSH环境搭建