返回

白话看插件，巧做掌中宝

前端

前言

utools 是一款免费、开源、跨平台的多功能工具，它拥有丰富的插件生态，可以帮助你提升工作效率，实现各种各样的功能。如果你想制作自己的 utools 插件，本教程将一步一步带你实现。

安装工具

首先，你需要安装必要的工具。

  1. Node.js：这是一个 JavaScript 运行环境，它是 utools 插件开发的基础。
  2. utools：这是 utools 的主程序，你可以在 utools 官网下载。
  3. utools 插件开发工具：这是一个用于开发 utools 插件的工具，你可以在 utools 官网下载。

创建插件项目

安装好工具后，你就可以创建一个新的 utools 插件项目了。

  1. 打开 utools 插件开发工具。
  2. 单击“新建项目”按钮。
  3. 输入项目名称和项目路径，然后单击“创建”按钮。

编写代码

接下来，你就可以编写插件代码了。

  1. 在项目目录中，打开 main.js 文件。
  2. 在 main.js 文件中，编写你的插件代码。
  3. 保存 main.js 文件。

测试插件

编写好代码后，你就可以测试插件了。

  1. 在 utools 插件开发工具中，单击“运行”按钮。
  2. utools 插件将开始运行。
  3. 你可以在 utools 中使用你的插件了。

发布插件

如果你的插件已经开发完成，你就可以发布它了。

  1. 在 utools 插件开发工具中，单击“发布”按钮。
  2. 输入插件名称和插件，然后单击“发布”按钮。
  3. 你的插件将被发布到 utools 插件市场。

简单网页快开插件

现在，让我们来介绍一款简单的网页快开插件。

  1. 在项目目录中，创建一个名为 web-quick-open 的文件夹。
  2. 在 web-quick-open 文件夹中，创建一个名为 index.js 的文件。
  3. 在 index.js 文件中，编写以下代码：
utools.onPluginEnter(({ code }) => {
  utools.showInput({
    placeholder: '输入你要打开的网址',
    title: '网页快开',
  }, (text) => {
    if (text) {
      utools.shellOpenExternal(text)
    }
  })
})
  1. 保存 index.js 文件。
  2. 在 utools 插件开发工具中，单击“运行”按钮。
  3. utools 插件将开始运行。
  4. 你可以在 utools 中使用你的插件了。

现在，你就可以使用这个简单的网页快开插件快速访问你最喜欢的网站了。

结语

本教程介绍了如何制作出属于自己的 utools 插件，并介绍了一款简单的网页快开插件。希望本教程能够帮助你入门 utools 插件开发。