Skip to content

创建第一个插件应用 ​

安装并打开「uTools 开发者工具」 ​

进入 uTools 插件应用市场,找到并获取「uTools 开发者工具」,安装后打开。

新建项目 ​

点击开发者工具左下角的 新建项目 按钮,打开项目配置界面。

根据页面提示填写相关信息。

勾选 "同意 uTools 开发者协议" ,点击右下角的确定,完成项目创建。

  • 插件应用名称: 不使用特殊符号,例如操作系统不支持的文件名符号、Emoji 等。
  • 插件应用描述:可以帮助其他用户快速了解应用包含的功能,尽量简洁且清晰
  • 运行平台:支持的操作系统平台。
  • 开发者名称:插件应用市场会显示该应用开发者名称

新建工程 ​

点击 新建 React+Vite 工程 或 新建 Vue+Vite工程 创建插件应用工程。

工程安装依赖 ​

在终端中执行 npm i 安装依赖

启动开发服务 ​

在终端中执行 npm run dev 启动开发服务

注意

启动后查看 Vite 服务的端口。如果端口不是 5173,请将 plugin.json 中 development.main 修改为对应的服务地址。

将工程安装到 uTools ​

点击 安装(开发模式),即可将当前源码工程作为开发中的插件应用安装到 uTools。

运行插件应用 ​

点击 打开,即可打开开发中的插件应用。

🎉 恭喜,你已经成功创建并运行第一个 uTools 插件应用!