VS Code Insiders远程开发教程

2,929 阅读2分钟

VS Code官方文档:

code.visualstudio.com/blogs/2019/…

code.visualstudio.com/docs/remote…

1、MacBook安装Visual Studio Code预览版

code.visualstudio.com/insiders/

2、安装微软制作的Remote SSH插件


3、登录云主机,配置免密登录

ssh loveyou@11.41.41.21 -p 8088
vim ~/.ssh/authorized_keys
# 拷贝自己MAC电脑上的~/.ssh/id_rsa.pub文件的内容粘贴到这个文件里,如果有多个,换行粘贴即可

4、配置VS Code,ssh config文件


选择/Users/loveyou/.ssh/config,编辑这个文件,添加如下内容:

Host workspace
 HostName 11.41.41.21
 Port 8088
 User loveyou
 IdentityFile ~/.ssh/id_rsa

修改User为自己的User。

# PS: 配置过ssh config之后,原来的loveyou@11.41.41.21字样可以直接由workspace替换。如下:
ssh loveyou@11.41.41.21 -p 8088
# 可直接替换为
ssh workspace

scp -r -P 8088 loveyou@11.41.41.21:/xxxxx ./
# 可替换为
scp -r workspace:/xxxxxx ./

完成后,选择Remote-SSH:Connect to Host...,选择刚才添加的workspace Host选项。

操作后会弹出新窗口,显示如下字样即为连接成功。


新建窗口或打开文件夹的时候就可以直接打开远程的文件夹了。

5、配置代码智能提示

插件安装:

  • C/C++,Microsoft,c/c++ 代码提示

  • Chinese (Simplified) Language Pack for Visual Studio Code,中文包

  • GitLens — Git supercharged,更好用的git管理工具

  • IntelliJ IDEA Keybindings,把快捷键调整为IntelliJ(AS)风格

  • Java Extension Pack,Java语言支持、智能提示套件

  • vscode-icons,不同的文件显示不同的图标

  • Visual Studio IntelliCode,Python, TypeScript/JavaScript, Java代码提示

连接上远程之后打开扩展菜单,可以发现远程需要使用的插件需要再装一遍。如下:


提示需要把插件安装到远端。点击上面的安装按钮,则会自动在远程主机上安装插件。


远端的扩展有一个角标。

6、案例:使用VS Code远程编辑Settings

使用vscode打开Settings文件夹。PS:也可以使用code-insiders命令打开:


会提示需要安装JDK8以上版本,代码提示、跳转等功能都不可用,然而主机上已经装过JDK8了,此时需要在VS Code里配置一下Java HOME,方法如下:

a. 打开VS Code设置(首选项->设置)

b. 切到远程Tab,搜索Java Home配置项,然后点击在settings.json中编辑


c. 填写远程主机的Java Home


结果:按住Command键+鼠标光标,已经可以预览代码了。应该可以配置Java Home为Android SDK的路径,这样就能有更方便的代码提示了。