一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu

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

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

打开 uTools,搜索 uTools 开发者工具:

快速开发、打包、上架一个 uTools 插件
新建项目:
快速开发、打包、上架一个 uTools 插件

填写插件信息:

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

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

快速开发、打包、上架一个 uTools 插件
克隆项目之后,将 plugin.json 文件定位到下载的项目

快速开发、打包、上架一个 uTools 插件
接着先启动模板项目,先用 pnpm install,然后执行 pnpm dev 启动项目:

快速开发、打包、上架一个 uTools 插件
然后启动 uTools 插件:

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

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

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

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

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

开发注意点:

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

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

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

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

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

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

然后就是点击发布版本:

快速开发、打包、上架一个 uTools 插件
路径记得选择为 dist

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

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

快速开发、打包、上架一个 uTools 插件
接着就能看到你的发布的工具了:

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

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

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

(0)
上一篇 2024年1月11日 下午4:44
下一篇 2024年1月11日 下午4:54

相关推荐

发表评论

登录后才能评论