vscode插件开发helloworld不能运行

爱淘金 腾讯云

vscode器通过插件方式扩展其功能,按照其官网上介绍,只要正确使用其提供的api等,我们能开发自己的插件,也挺好玩的。

但按照官网介绍的第一个hello world插件开发步骤,在vscode中运行却总是找不到命令,并且也无任何报错。对于想尝试一下,完全不懂其插件开发来说,这无疑是一个很大的问题。

第一个vscode插件

按照vscode官网插件开发步骤,开发第一个vscode插件需要执行如下操作:

npm install -g yo generator-code

即安装Yeoman以及generator-code插件,Yeoman是一个脚手架工具,它调用generator-XXX插件生成具体项目吾爱分享网。显然安装generator-code就是为了生成一个vscode插件项目。

即执行:yo code 生成第一个插件项目

每个步骤中选择默认,回车键即可。生成项目后使用vscode打开该项目,然后按F5运行。

F5运行无效果

按照官网中介绍,vscode打开项目后,执行F5启动运行调试,vscode即编译插件,然后弹出一个新窗口,在窗口中按下ctrl + shift + p弹出命令选项,输入hello world即可以执行该插件。

但笔者在vscode中如此操作后却始终没有找到hello world命令。

对于小白不清楚vscode插件开发,所以对于官网上的教程竟然也会运行不起来,确实很头痛,无从下手。在吾爱分享网笔者无意间安装别的插件提示vscode版本不支持时,突然给了我启发。

查看package.json文件,发现有一个engines选项,其用来对vscode的版本做了限制。如下所示:

这说明通过脚手架创建的插件项目,默认需要至少在1.76.0版本以上的vscode下才能运行,而查看笔者的vscode版本确实太旧了点。

大概找到原因后,果断升级vscode,最后按F5运行,正确弹出了Hello world。哈哈,继续学习吧,想做更多有意思的功能,读者们有啥需求吗?

这些信息可能会帮助到你: 下载帮助 | 网络优化 | 在线留言 | 广告投放

当前文章作者:吾爱分享网
转载请注明原文地址:https://www.52ifx.com/mryk/yxzx/3564.html
如果网站的文章或资源能够对您有所帮助,不妨点击下方赞赏一下?赞赏金额随意,一元钱也是支持我不断前进的动力,感谢您的支持!
QQ交流群   实时线报群
THE END
分享
二维码
打赏
< <上一篇
下一篇>>