如何开发一个vscode插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何开发一个vscode插件相关的知识,希望对你有一定的参考价值。

参考技术A 前端开发者对于vscode想必不陌生,它插件市场中拥有很多开发者开发的插件,让这个编辑器能力的潜力变得无限可能。如果你觉得vscode的功能不能满足你的要求,你完全可以自己去开发拓展一个插件,来增强自己vscode的功能。

我现在有一个需求,就是可以快速复制文件夹或者文件的名称。

这个该怎么做呢。让我们左手开发吧。

运行生成器,填好下方配置,比如插件名啥的。这里我选择的开发方式是typescript

先看看构建好的目录,主要文件就是package.json 和 extension.ts(因为我选择的语言是typescript

package.json

以上主要的配置就是 package.json 中的主要内容,我已经加以注释

接下来我们在 src/extension.ts 中实现

我们只需要点击 Run Extension 即可,此时将打开一个新的 vscode 窗口,显示 Extension Development Host

可以看到我们右键的菜单上成功多了一个功能。点击后成功给出提示,并能粘贴

至此,一个简单的功能便完成了。

打包成 vsix 文件

打开发布市场 官方网站 , 创建自己的发布账号,然后记录下自己的个人 token , 即可开始发布。

输入自己的账号,和 token 之后就可以发布了。等待几分钟后就可以在网页看到自己的项目

在vscode中也可以搜索到

VS Code 插件开发文档
vscode Extension API

以上是关于如何开发一个vscode插件的主要内容,如果未能解决你的问题,请参考以下文章

vscode-cats插件是如何开发的?小包带你来实现一下

vscode-cats插件是如何开发的?小包带你来实现一下

vscode-cats插件是如何开发的?小包带你来实现一下

vscode-cats插件是如何开发的?小包带你来实现一下

vscode 插件开发,怎么限制打开某些后缀的文件?

vscode插件开发(3) LSP插件框架