如何开发一个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插件的主要内容,如果未能解决你的问题,请参考以下文章