jtxf1 / utools-plugin-template

utools开发插件模板

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

utools 插件 模板项目

感谢 @csj8520 大佬,拜读了该项目源码,想着后续如果如果开发者要实现功能强大的插件,有一个模板应该会方便很多

特性

  • vue3
  • vue-router
  • typescript
  • element-ui

如何使用

开发

  • git clone 本项目
  • yarn && yarn start 会启动一个 local server ,监听3000端口,utools开发模式可以指向 local server,具体可以看plugin.json描述
  • 在utools开发者工具中创建项目,配置plugin文件目录为 dist 目录下的那个即可开始开发了,如下图

配置

Volar 取代了之前为 Vue 2 提供的官方 VSCode 扩展 Vetur。如果你之前已经安装了 Vetur,请确保在 Vue 3 的项目中禁用它。

打包

yarn build 会打包构建项目,构建会在dist目录下面,当然也感谢@csj8520大佬写的vite插件同时构建了一个.upx。

  • 上传插件可以直接使用dist 目录下的上传。
  • .upx可以拿来分享

注意事项

  • 注意修改 public/plugin.json 下面的相关信息
  • 注意修改 package.json 里面的项目信息
  • 如果不愿意修改,那么作者就都是我啦,哈哈~~~

版本记录

1.0.1

  • 增加了导航的能力,引入了vue router

1.0.0

赞赏

如果贵客觉得有用,可以打赏我一杯咖啡。

收款码

About

utools开发插件模板

License:MIT License


Languages

Language:TypeScript 57.3%Language:Vue 33.7%Language:HTML 4.7%Language:CSS 4.4%