vscode配置虚拟服务器,VS Code 远程开发配置笔记

  • Post author:
  • Post category:其他


对前端来说,VS Code简直就是宇宙最强开发工具,配合各种插件,可以满足我们各种项目的开发需求。但是每当切换工作环境,就需要花很长时间去做环境的搭建或者是同步,即便代码可以同步到git仓库,但很多时候并不想把没有完成的代码给提交到仓库里,造成提交记录污染。所以远程开发的模式,就成了迫切的提高生产力的需求。

VS Code的Remote-SSH插件就提供了这样的能力,且配置非常简单。

bVcPm6r

本文就记录了一个完整的配置过程,分为两个部分,本地配置部分和远程配置部分

远程配置

1、先搞一台云服务器仅个人开发的话1核2G足矣,腾讯云便宜点,镜像可以用CentOS 8的。

2、安装一些必要的依赖例如git、node、yarn、nginx等,最主要是git

3、生成ssh-key,供免密用ssh-keygen,一路回车

4、克隆项目。远程配置暂告一段落。

本地配置

1、安装Remote-SSH插件会搜到三个结果

Remote – SSH – 通过使用 SSH 链接虚拟或者实体Linux主机。

Remote – Containers – 连接 Docker 开发容器。

Remote – WSL – 连接 Windows Subsystem for Linux (Linux子系统)。

装一个就全装上了,我们其实只需要ssh的这个

bVcPm9Z

2、配置资源管理器安装好以后,左侧栏会多出一个图标,远程资源管理器,点击以后,选择SSH Targets

bVcPnab
然后进行配置

bVcPnaq
Host名字随便起

HostName就是你的远程机器的eip

User默认root

bVcPnau

3、连接远程服务器配置完之后确定,左侧targets里就出现了你的这台机器,然后点击开始连接

bVcPnbq
输入密码,然后就可以看到远程目录了

bVcPnbE

4、安装插件本地的插件是不能直接在远程用的,需要额外再装一次

bVcPnbQ

5、配免密登录打开本机的git bash,找到id_rsa.pub,复制内容

然后打开远程服务器终端,进到~/.ssh目录,touch一个authorized_keys文件(如果没有的话)

把秘钥粘贴进去,保存。尝试再重启vscode,就ok了