本文将从零开始,一步步完成整个开发、打包和上架流程。
打开 uTools,搜索 uTools 开发者工具:
新建项目:
填写插件信息:
直接下载一个 uTools 启动模板:gitee.com/penggeor/ut…,这个模板技术栈主要为 Vite + Vue3 + TypeScript
克隆项目之后,将 plugin.json
文件定位到下载的项目
接着先启动模板项目,先用 pnpm install
,然后执行 pnpm dev
启动项目:
然后启动 uTools 插件:
然后在 uTools 上就可以看到并打开我们的插件了:
接着就像开发 Web 正常流程一样开发我们的插件。
开发注意点:
- 如果更改了 logo,需要重启 uTools 才能生效
- 官方提供的 API
uTools
变量已经添加 TypeScript 支持
其他问题可以查询下「猿料」社区:yuanliao.info/
也可以在官方公众号上去添加插件开发群咨询:
开发之后,使用命令 pnpm build
打包项目到 dist
文件,模板除了会打包项目, 还会把插件文件比如 plugin.json
,logo.png
等一起放到最终的 dist
文件中:
然后就是点击发布版本:
路径记得选择为 dist
:
填写版本说明、插件应用介绍和上传插件截图:
接着就能看到你的发布的工具了:
以上就是快速开发、打包、上架一个 uTools 插件的内容。
原文链接:https://juejin.cn/post/7322344486159564852 作者:吴楷鹏