利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境

1. 云服务器

1.1 云服务器

  • 为了避免广告嫌疑,就不啰嗦购买云服务器的过程了,腾讯云最近搞活动99m一年,所以用这个演示,看客们可*选择任何品牌的云服务器,原理类似:
  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境

1.2 绑定本地ssh公钥

  • 如上图点击 SSH**
  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境
  • 如上图所示,**名称可以随便起一个,箭头3 中贴入你本地 ./ssh 目录中的公钥(不会的可以百度如何在windows上生成公钥和私钥,建议在windows下装 git 生成,反正搞 IT 经常要用 git,一举两得)
  • 最后别忘了点 箭头4 将刚才添加的本地公钥与云服务器实例绑定

2. 本地 VSCode 配置

2.1 安装 remote-ssh 插件

  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境
  • 点击插件(箭头1),在搜索栏中输入 remote-ssh 并安装插件(箭头2),安装成功后会出现 箭头3 那个工具

2.2 添加云服务器 ssh 信息:

  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境

  • 点击刚才安装的 remote-ssh 插件(箭头1)

  • 点击齿轮图标 (箭头2)

  • 按照 箭头3 选择第一个 .ssh/config (如果你刚才1.2中和我一样粘贴的是本地 git 生成的公私钥,则和我一样选第一个,否则选择你刚才贴入的其他方式的公钥配置)

  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境

  • 然后就是和 linux 命令行连接一样的账户信息设置,对应关系如图中箭头

  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境

  • 鼠标右键 刚才 config 中配置的云服务器,选择 箭头3 在现有窗口ssh连接到云服务器

  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境

  • 箭头1 选择 linux,因为我在购买云服务时选择的是 ubuntu,所以我的云服务器系统是 linux。箭头2 处看见正在连接,连接成功后如下

  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境

  • 箭头1 表示连接成功,箭头2 切换到 目录工具,箭头3 打开目录,会出现箭头4 部位的目录系统,此时箭头4的目录系统已经变成了云服务器的目录系统

  • 备注:第一次成功连接云端后,会自动给云端安装 vscode-server (ps -aux | grep vscode 命令可查看到),即服务器版VSCode。也就是说当你以后每次连接到云端后,你本地的 VSCode 只是云端 vscode-server 的一个镜像画面,和你本地真正的 VSCode 环境是隔离的,各种插件需要在本地这个vscode镜像画面重新安装,当然实际是安装在了云端,因为你本地看到的只是云端 vscode-server 的画面嘛,有点小小的绕啊,画个图解释一下:

  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境

  • 开始愉快的 coding 吧

3. MobaXterm / XShell 工具辅助(可略过)

  • VSCode 的 remote-ssh 插件解决了在云服务器上用 vim 写代码的烦恼,并且还能集成云端的目录结构,大大提高了开发效率,这必然会成为未来的风向标。
  • 但仅仅有 vscode 还不够,XShell 之类的工具必不可少,这里用 Moba 做演示(个人更喜欢用 Moba 胜过 XShell)

3.1 连接云端

  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境
  • 在箭头3处填入云端的ssh信息,别忘了勾选箭头4,并载入本地的"私钥",注意,这里要用私钥了,前面用的都是公钥

3.2 给云端安装 golang 示例,其他软件类似

  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境
  • 双击打开 3.1 中创建的 云端ssh,输入密码登录后,点击箭头1处的 sftp 工具,将下载好的 golang 安装包直接用鼠标拖到 Moba 中(要拖入到哪个目录可以提前*切换后再拖动)
  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境
  • 箭头1 解压golang 安装包到 /usr/local/ 下,然后箭头2 添加全局环境变量(若是给某一用户添加环境变量则编辑 .bashrc文件),给文件末尾追加如下内容,其中 GOPATH 需要提前创建目录,目录名随自己个性(也可以直接不填写GOPATH,删掉GOPATH无所谓)
  • 利用 VSCode 的 remote-ssh 插件 配合云服务器搭建开发环境
  • 最后 reboot 即可生效(reboot之前可以先 source /etc/profile 一下)
  • 云服务器是公网 IP,并且有外网,也可以用命令行安装软件