vscode插件开发全攻略vscode插件开发教程如何开发vscode插件




vscode插件开发全攻略vscode插件开发教程如何开发vscode插件

2022-07-20 20:11:53 网络知识 官方管理员

vscode插件开发全攻略(vscode插件开发教程)(1)

今天试用了一下VSCode的新插件:远程开发插件,体验很不错,它可以:

  1. 让你在本地打开远程开发机上的代码,并提供和本地一样的开发体验
  2. 在VSCode中打开远程的终端
  3. 在不同远程开发机上配置不同的插件,把插件装在远程的目的是让操作更流畅
  4. 你还可以在本地调试远程代码:断点、单步等一样都不会少
  5. 支持SSH隧道(SSHTunnel)的连接方式,这样你便可以在家里调试公司电脑上的代码了。
  6. ……

本文将以SSH连接的方式,做一个入门介绍,更多高级功能还需你在使用过程中慢慢发掘。

配置步骤

1在VSCode扩展栏中搜索Remote-SSH插件,点击安装

vscode插件开发全攻略(vscode插件开发教程)(2)

2使用ssh-keygen工具在本机创建ssh秘钥,创建时一路回车即可(注意:Remote-SSH插件不支持输入账号密码的连接方式,首选的登录方式为使用非对称秘钥登录)

$ssh-keygenEnterfileinwhichtosavethekey(/Users/fengyajie/.ssh/id_rsa):Enterpassphrase(emptyfornopassphrase):Entersamepassphraseagain:Youridentificationhasbeensavedin/Users/fengyajie/.ssh/id_rsa.Yourpublickeyhasbeensavedin/Users/fengyajie/.ssh/id_rsa.pub.Thekeyfingerprintis:Thekey'srandomartimageis:+---[RSA2048]----+|.oo*++.+o++||+oOo+++||..o+oo||..o.+o.||ooo.S+||.o...||+.E...||o=.+....||.=*....|+----[SHA256]-----+

3将产生好的公钥发送到远端(使用ssh-copy-id工具),你需要将下面的user@your_remote_host修改为你开发机的用户名和主机名

$ssh-copy-id-i~/.ssh/id_rsa.pubuser@your_remote_hostusr/bin/ssh-copy-id:INFO:Sourceofkey(s)tobeinstalled:"/Users/fengyajie/.ssh/id_rsa.pub"/usr/bin/ssh-copy-id:INFO:attemptingtologinwiththenewkey(s),tofilteroutanythatarealreadyinstalled/usr/bin/ssh-copy-id:INFO:1key(s)remaintobeinstalled--ifyouarepromptednowitistoinstallthenewkeysNumberofkey(s)added:1Nowtryloggingintothemachine,with:"ssh'user@your_remote_host'"andchecktomakesurethatonlythekey(s)youwantedwereadded.

4试一下连接,正常情况下你现在就可以直接登录到远端机器了

$ssh'user@your_remote_host'WelcometoAlibabaCloudElasticComputeService!Lastlogin:ThuJun620:32:132019from$local_iproot@iZwz946zuZ:~#

连接远端机器

上面配置完成后,你就可以使用VSCode连接到远端机器了,打开VSCode,敲入F1键,输入Remote-SSH:ConnecttoHost,回车

vscode插件开发全攻略(vscode插件开发教程)(3)

接着输入你刚才配置好的user@your_remote_host,回车

vscode插件开发全攻略(vscode插件开发教程)(4)

此时VSCode会打开一个新的窗口,在这个窗口的左下角,你会观察到一个绿色的SSH状态条,表示此时你的VSCode已经连上了远程的开发机,如下

vscode插件开发全攻略(vscode插件开发教程)(5)

接下来,你就可以打开左上角的文件管理侧边栏,点击OpenFolder,此时你会惊讶的发现,远端的home目录被列出来了:

vscode插件开发全攻略(vscode插件开发教程)(6)

至此,你已经在本地开启了一个「远端开发环境」,接下来你的开发任务再也不受远程环境的限制了,能有这样的体验,还是要感谢一下微软公司的贡献,真的是一款良心之作。

以上仅只是入门介绍,可以让你快速的把这个插件用起来,更多高级功能,还是建议你去阅读官方文档中的内容。

发表评论:

最近发表
网站分类
标签列表