如何开发一个vscode插件

Posted 2023-03-24

参考技术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