utool开发记录

多见多闻 / 2024-08-06 / 原文

一、懵圈状态

查看官方文档，cnblog，csdn博客，初步知道需要vue知识、nodejs知识

方向1：寻找攻略

方向2：是否要先去学nodejs和vue

总结：Utools是用 Electron 开发的，是偏前端的，这个工具的主程开发一定是一位前端开发工程师，做过前端的的同学肯定一眼就能看出 Utools 里面的 Select 和 Input 等控价都是阿里的 Ant Design。

二、继续调查研究

https://juejin.cn/post/7169020147590496292

// 模拟键盘敲击 Enter
utools.simulateKeyboardTap('enter')
// windows linux 模拟粘贴
utools.simulateKeyboardTap('v', 'ctrl')
// macos 模拟粘贴
utools.simulateKeyboardTap('v', 'command')
// 模拟 Ctrl + Alt + A
utools.simulateKeyboardTap('a', 'ctrl', 'alt')
//模拟鼠标移动
utools.simulateMouseMove(100，100)
//模拟鼠标左击
utools.simulateMouseClick(100，100)
//模拟鼠标右击
utools.simulateMouseRightClick(100，100)
//模拟鼠标双击
utools.simulateMouseDoubleClick(100，100)
//获取屏幕鼠标位置
const point = utools.getCursorScreenPoint()
console.log(point.x, point.y)
// 复制单个文件
utools.copyFile('/path/to/file')
// 复制多个文件
utools.copyFile(['/path/to/file1', '/path/to/file2'])
// 路径
utools.copyImage('/path/to/img.png')
// base64
utools.copyImage('data:image/png;base64,xxxxxxxxx')
//复制文本
utools.copyText('Hi, uTools')
//获取复制的文件或文件夹
utools.getCopyedFiles()
window.screenCapture = function () {
    utools.screenCapture(base64Str => {
        utools.redirect('识别图片中文字', { type: 'img', data: base64Str })
    })
    
}
window.screenColorPic = function () {
    utools.screenColorPick(({ hex, rgb }) => {
        console.log(hex) // #FFFFFF
        console.log(rgb) // RGB(0, 0, 0)
    })
}
window.api = {
    screenCapture,screenColorPic
}
utools.onPluginEnter(({ code, type, payload }) => {
    console.log('用户进入插件应用', code, type, payload)
})
utools.onPluginOut((processExit) => {
    if (processExit) {
      console.log('插件应用完全退出')
    } else {
      console.log('插件应用隐藏后台')
    }
  })
utools.onPluginDetach(() => {
  console.log('插件应用已作为系统窗口使用')
})

发现一些utools的Api和prload.js的用法

方向1：找到utools的api文档

方向2：找出如何设计界面，界面数据如何保存

总结：有进步，但不大