对前端来说,VS Code简直就是宇宙最强开发工具,配合各种插件,可以满足我们各种项目的开发需求。但是每当切换工作环境,就需要花很长时间去做环境的搭建或者是同步,即便代码可以同步到git仓库,但很多时候并不想把没有完成的代码给提交到仓库里,造成提交记录污染。所以远程开发的模式,就成了迫切的提高生产力的需求。
VS Code的Remote-SSH插件就提供了这样的能力,且配置非常简单。
本文就记录了一个完整的配置过程,分为两个部分,本地配置部分和远程配置部分
远程配置
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的这个
2、配置资源管理器安装好以后,左侧栏会多出一个图标,远程资源管理器,点击以后,选择SSH Targets
然后进行配置
Host名字随便起
HostName就是你的远程机器的eip
User默认root
3、连接远程服务器配置完之后确定,左侧targets里就出现了你的这台机器,然后点击开始连接
输入密码,然后就可以看到远程目录了
4、安装插件本地的插件是不能直接在远程用的,需要额外再装一次
5、配免密登录打开本机的git bash,找到id_rsa.pub,复制内容
然后打开远程服务器终端,进到~/.ssh目录,touch一个authorized_keys文件(如果没有的话)
把秘钥粘贴进去,保存。尝试再重启vscode,就ok了