VSCode远程开发环境搭建指南
- 0. 写本文的目的
- 1. ssh远程腾讯云服务器
- 2. VSCode实现远程LeetCode
- 2.1 在远程环境安装LeetCode插件
- 2.2 配置LeetCode的nodejs环境
- 2.3 登录账号，愉快地刷题吧！！！
0. 写本文的目的
博主平时出差，回家时有时候需要解决一下学习编程的需求，或者需要验证一个书中的编程问题。尝试过以下几种同步开发环境的方法：
方法 | 效果 |
换一个电脑，重新安装一遍开发环境 | 原始方式，十分麻烦 |
使用docker拉取实验镜像 | 学习成本较高 |
使用wintogo随身携带电脑 | 纯物理设备，不能提现any time any where 的宗旨 |
使用gitee/github同步代码 | 只解决了代码同步问题，不能解决工程配置 |
远程公司电脑 | 不太安全，传输画面，费流量 |
在家配置树莓派服务器 | 配置起来学习成本高，家里有时候会断电o(╥﹏╥)o |
xx语言在线编译器 | 功能太弱 |
云服务器+vscode | 价格较贵，但是体验很棒 |
为了实现远程开发环境，随时随地都能够学习IT知识的愿望，最终选择了最后一种方法即云服务器+vscode。在此献上搭建方法。
1. ssh远程腾讯云服务器
Ctrl + Shift + X
1.Remote - SSH 通过ssh协议连接linux服务器
2.Remote - WSL 连接windows自带的linux子系统
3.Remote - Containers 连接远程容器中的镜像
博主使用腾讯云服务器，所以选择Remote - SSH插件。具体步骤如下图。
a. 选中远程资源管理器视图
b. 点击设置图标，打开本地主机上的ssh配置文件config，
c.config文件修改填写ssh如下，保存并关闭
# Read more about SSH config files: https://linux.die.net/man/5/ssh_config
Host 腾讯轻量云 #远程主机名称如上图中5
HostName 82.156.**.*** #远程主机的公网IP地址
User ubuntu #远程主机的用户名d. 连接类型选择ssh target，就能看到第b步添加的ssh连接如图中e
e. 图中的e部分config中的文本行和图中e部分腾讯轻量云是一一对应的
f. 这个+按钮，同第2步一样也是新增ssh连接
g. 填写后会在config文件中新增一条记录,如图中g
h. 点击后打开一个新的vscode实例，登录后打开工程文件夹就可以学习啦！！！
若连不上服务器，可能是以下原因所致
- 读者的window电脑没有安装openSSH所致
- 服务器上未绑定公钥，参考ssh密钥对生成
2. VSCode实现远程LeetCode
仅仅学习github上的开源代码怎么能够满足博主的野望。学习代码的同时也要坚持刷题！！
2.1 在远程环境安装LeetCode插件
Ctrl + Shift + X
- VS Code 1.30.1+（已满足）
- Node.js 10+
VS Code 1.30.1+已经满足了，然而博主的远程服务器系统是ubuntu18.04软件库只支持nodejs8.10版本。
2.2 配置LeetCode的nodejs环境
Ctrl+, 打开用户配置界面。搜索leetcode关键字，找到下列选择，填入远程服务器上的node.js安装路径。
ubuntu@VM-8-8-ubuntu:~/Documents/CProject/tinyhttpd$ whereis node.js
node: /home/ubuntu/.nvm/versions/node/v14.17.3/bin/node
2.3 登录账号，愉快地刷题吧！！！
