快速开发、打包、上架一个 uTools 插件

本文将从零开始，一步步完成整个开发、打包和上架流程。

打开 uTools，搜索 uTools 开发者工具：

新建项目：

填写插件信息：

直接下载一个 uTools 启动模板：gitee.com/penggeor/ut…，这个模板技术栈主要为 Vite + Vue3 + TypeScript

克隆项目之后，将 plugin.json 文件定位到下载的项目

接着先启动模板项目，先用 pnpm install，然后执行 pnpm dev 启动项目：

然后启动 uTools 插件：

然后在 uTools 上就可以看到并打开我们的插件了：

接着就像开发 Web 正常流程一样开发我们的插件。

开发注意点：

1. 如果更改了 logo，需要重启 uTools 才能生效
2. 官方提供的 API uTools 变量已经添加 TypeScript 支持

其他问题可以查询下「猿料」社区：yuanliao.info/

也可以在官方公众号上去添加插件开发群咨询：

开发之后，使用命令 pnpm build 打包项目到 dist 文件，模板除了会打包项目， 还会把插件文件比如 plugin.json，logo.png 等一起放到最终的 dist 文件中：

然后就是点击发布版本：

路径记得选择为 dist：

填写版本说明、插件应用介绍和上传插件截图：

接着就能看到你的发布的工具了：

以上就是快速开发、打包、上架一个 uTools 插件的内容。

原文链接：https://juejin.cn/post/7322344486159564852 作者：吴楷鹏