VSCode远程开发环境搭建指南

VSCode远程开发环境搭建指南

VSCode远程开发环境搭建指南

• 0. 写本文的目的
• 1. ssh远程腾讯云服务器
• 2. VSCode实现远程LeetCode
• • 2.1 在远程环境安装LeetCode插件
  • 2.2 配置LeetCode的nodejs环境
  • 2.3 登录账号，愉快地刷题吧！！！

0. 写本文的目的

博主平时出差，回家时有时候需要解决一下学习编程的需求，或者需要验证一个书中的编程问题。尝试过以下几种同步开发环境的方法：

为了实现远程开发环境，随时随地都能够学习IT知识的愿望，最终选择了最后一种方法即云服务器+vscode。在此献上搭建方法。

1. ssh远程腾讯云服务器

Ctrl + Shift + X 打开插件管理页面，安装Remote - Development插件包，包含3个插件：

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:  腾讯轻量云 #远程主机名称如上图中5HostName 82.156.**.*** #远程主机的公网IP地址User ubuntu #远程主机的用户名

d. 连接类型选择ssh target，就能看到第b步添加的ssh连接如图中e
e. 图中的e部分config中的文本行和图中e部分腾讯轻量云是一一对应的
f. 这个+按钮，同第2步一样也是新增ssh连接

g. 填写后会在config文件中新增一条记录,如图中g
h. 点击后打开一个新的vscode实例，登录后打开工程文件夹就可以学习啦！！！

若连不上服务器，可能是以下原因所致

1. 读者的window电脑没有安装openSSH所致
2. 服务器上未绑定公钥，参考ssh密钥对生成

2. VSCode实现远程LeetCode

仅仅学习github上的开源代码怎么能够满足博主的野望。学习代码的同时也要坚持刷题！！

2.1 在远程环境安装LeetCode插件

Ctrl + Shift + X 打开插件管理页面，输入LeetCode安装官方版的LeetCode。运行该插件需要：

1. VS Code 1.30.1+（已满足）
2. Node.js 10+

VS Code 1.30.1+已经满足了，然而博主的远程服务器系统是ubuntu18.04软件库只支持nodejs8.10版本。参考这篇文章从官方安装最新版node.js

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 登录账号，愉快地刷题吧！！！