简单uTools插件开发

uTools介绍

官网介绍如下:

uTools = your tools(你的工具集)

uTools 是一个极简、插件化的现代桌面软件,通过自由选配丰富的插件,打造得心应手的工具集合。

通过快捷键(默认 alt + space )就可以快速呼出这个搜索框。你可以往输入框内粘贴文本、图片、截图、文件、文件夹等等,能够处理此内容的插件也早已准备就绪,统一的设计风格和操作方式,助你高效的得到结果。

官网地址:https://u.tools/

uTools插件开发

uTools支持使用javascript开发插件,本身是基于electron开发,使用nodejsweb页面组合实现桌面应用的效果

开发文档地址:https://u.tools/docs/developer/welcome.html#plugin-json

新建插件项目

插件需要文件

  1. plugin.json
  2. logo.png
  3. index.html(如果插件需要用UI界面就需要)
  4. preload.js(如果需要访问nodejs等需要此文件中转)

编写plugin.json

最近在Windows10系统上管理文件发现,Windows10系统竟然没有选中部分文件或者文件夹然后创建一个新文件夹并把选中文件移动进去这个功能,似乎只能新建文件夹,然后再手动移动进去。

正好学习下uTools插件开发,自己写一个插件来实现这个小功能。

plugin.json编写

{
    "main": "index.html",
    "logo": "logo.png",
    "preload": "preload.js",
    "features": [
        {
            "code": "新建文件夹",
            "explain": "选中文件或文件夹并自动移动或复制到一个新建文件夹中,也可以指定已经存在的文件夹",
            "cmds": [
                "新建文件夹",
                "New Folder",
                "新建目录",
                "New Directory",
                {
                    "type": "files",
                    "label": "新建文件夹",
                    "fileType": "file, directory",
                    "minLength": 1
                }
            ]
        }
    ]
}

features下面就是配置功能的,目前就一个新建文件夹功能。

下面的cmds比较重要,用于在uTools中输入部分命令来调用插件。

有这段可以通过uTools的超级面板触发,选中文件或者文件夹之后使用配置的快捷键(我配置的是鼠标中键)触发:

{
"type": "files",
"label": "新建文件夹",
"fileType": "file, directory",
"minLength": 1
}
image-20220730153516198

编写preload.js

preload.js可以使用electron的部分功能,不过uTools似乎屏蔽了不少API,但是nodejs的基本API都是支持的,这个preload.jselectron环境支持的,通过这个preload.js暴露一些nodejs相关的操作,可以在web页面上访问nodejs功能,只有这样才能访问本地的文件等。

const fs = require('fs');
const path = require('path');

window.moveOrCopyFile = function (files, dir, copy) {
    // 如果不是绝对路径,根据文件转换成绝对路径
    dir = dir.trim();
    if (!path.isAbsolute(dir)) {
        dir = path.join(path.resolve(files[0].path, '..'), dir);
    }
    files.forEach(file => {
        if (file.isDirectory) {
            const subFileNames = fs.readdirSync(file.path);
            const subFiles = subFileNames.map(subFileName => {
                const subPath = path.join(file.path, subFileName);
                const stat = fs.statSync(subPath);
                return {
                    name: subFileName,
                    path: subPath,
                    isDirectory: stat.isDirectory(),
                    isFile: stat.isFile()
                }
            })
            this.moveOrCopyFile(subFiles, path.join(dir, file.name), copy);
        } else {
            if (copy) {
                this.customCopyFile(file.path, path.join(dir, file.name));
            } else {
                this.customMoveFile(file.path, path.join(dir, file.name));
            }
        }
    });
}
window.customMoveFile = function (fromPath, toPath) {
    fs.mkdirSync(path.resolve(toPath, '..'), { recursive: true });
    try {
        fs.renameSync(fromPath, toPath);
    } catch (e) {
        utools.showNotification('不支持跨盘移动文件,请使用复制方式');
        throw e;
    }
}
window.customCopyFile = function (fromPath, toPath) {
    fs.mkdirSync(path.resolve(toPath, '..'), { recursive: true });
    fs.copyFileSync(fromPath, toPath);
}
window.checkDragFile = function (file) {
    const stat = fs.statSync(file.path);
    file.isDirectory = stat.isDirectory();
    file.isFile = stat.isFile();
}

编写页面和业务逻辑

Web界面使用vuejs3bootstrap的样式开发。

完整代码GitHub地址:https://github.com/fugary/utools-file-to-folder

开发完成后需要在uTools中测试。

uTools中插件使用

先安装uTools的开发者工具,也是uTools的一个插件,后面开发、测试、打包、发布等都需要用到它。

新建插件

安装【uTools的开发者工具】后就可以新建插件了。

image-20220730154108952

新建好插件,可以选择本地开发的工程目录下的plugin.json,这样就关联上了。

image-20220730154234204

本地测试建议勾上【隐藏后台是完全退出】,比较方便修改后隐藏界面自动就有效果了,不用重新运行。

点击【开启运行】后就相当于安装好插件了。

运行效果

开启运行后,可以看到实际的效果了,我本地配置了鼠标中键触发超级面板。

image-20220730154617535

在Windows资源管理器中,选中部分文件,用鼠标中键触发超级面板,选【新建文件夹】,弹出界面,输入文件夹名字,点移动到新文件夹(或者是复制到新文件夹),功能完成。

image-20220730154722043

打包插件

uTools开发者工具页面,点击打包就可以打包成UPX文件。

image-20220730155007257

发布插件

在uTools开发者工具下,点击发布,需要填写一些审核信息,还需要一些截图。

选中文件或文件夹并自动移动或复制到一个新建文件夹中,也可以指定已经存在的文件夹

点击提交审核,等待审核就可以了。

image-20220730155910569

开发完成。

插件下载安装

如果已经审核通过,可以在uTools插件应用市场中搜索插件并安装。

image-20220803094543931

如果审核比较慢,也可以从GitHub上下载使用:

GitHub下载地址:https://github.com/fugary/utools-file-to-folder/releases

下载最新的UPX文件

下载后拖到uTools软件中

image-20220730163148210

手动安装会提示一些安全问题。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容