electron windows robotjs 安装教程

Robotjs 安装

    • 前言
    • [第一步 : 安装python](#第一步 : 安装python)
    • [第二步 : 安装Visual Studio 2022](#第二步 : 安装Visual Studio 2022)
    • [第三步 : 安装robotjs](#第三步 : 安装robotjs)

前言

robotjs可以控制鼠标键盘,获取屏幕内容,配合electron可做很多自动化操作。windows下配置环境有很多坑,很多文章都太旧了。试了很多次发现了一个简单的环境安装办法。

json 复制代码
/* 演示版本 win11 */
"node":"20.10.0"
"electron": "^26.1.0"
"robotjs": "^0.6.0"

首先看一下官方给出的教程(github地址)

  • Windows

    • windows-build-tools
    bash 复制代码
    #  from an elevated PowerShell or CMD.exe
    npm install --global --production windows-build-tools
  • Mac

    • Xcode Command Line Tools.
  • Linux

    • Python (v2.7 recommended, v3.x.x is not supported).

    • make.

    • A C/C++ compiler like GCC.

    • libxtst-dev and libpng+±dev

      bash 复制代码
      sudo apt-get install libxtst-dev libpng++-dev

很难受,windows-build-tools 我安装了半天都没安装上。

看了很多文章后,学到了个新办法,接下来开始教程。

第一步 : 安装python

版本好像得3.6以上,我安装的是3.7.9 , 下载安装包,勾选 Add to path 即可。python华为镜像链接 国内下载快

bash 复制代码
C:\Users\Administrator>python
Python 3.7.9 (tags/v3.7.9:13c94747c7, Aug 17 2020, 18:58:18) [MSC v.1900 64 bit (AMD64)] on win32
Type "help", "copyright", "credits" or "license" for more information.
>>>

第二步 : 安装Visual Studio 2022

这一步只是安装c++编译环境(windows-build-tools是在安装这个VC++环境和python。实测可以通过手动安装python加vsc替代,满速且简单无差错,缺点是大了点,不过卸载也方便),robotjs经常需要构建兼容版本(electron-rebuild或者postinstall)。我下载的是社区版vs2022 官方下载地址。打开后勾选C++桌面开发,注意右侧还需手动勾选一项windows sdk。

第三步 : 安装robotjs

注意配置镜像源,如果有下载node-headers错误,换源。yarn推荐使用yrm,npm用nrm

bash 复制代码
# 有可能出现这个错误,换源即可解决,我用淘宝的不行,换了cnpm源就可以了
gyp http GET https://npm.taobao.org/dist/v26.5.0/node-v26.5.0-headers.tar.gz     
gyp http 404 https://cdn.npmmirror.com/binaries/node/v26.5.0/node-v26.5.0-headers.tar.gz     
gyp WARN install got an error, rolling back install

安装robotjs

bash 复制代码
# npm
npm i robotjs
# yarn
yarn add robotjs

如果用的是electron-builder,可以添加这个命令,出现node版本不匹配的时候用这个命令构建一下即可

js 复制代码
"scripts": {
	...
    "postinstall": "electron-builder install-app-deps"
},

如果不是,可以安装 electron-rebuild, 用这个来构建

bash 复制代码
yarn add electron-rebuild -D
yarn electron-rebuild
相关推荐
sugar__salt2 分钟前
从栈队列数据结构到JS原型面向对象全解
前端·javascript·数据结构
MageGojo12 分钟前
随机文案模块怎么做?从接口封装到前端展示的完整实现思路
javascript·前端开发·api接口·后端开发·随机文案
独特的螺狮粉13 分钟前
篮球集训班器具管理系统 - 鸿蒙PC Electron框架完整技术实现指南
前端·javascript·华为·electron·前端框架·开源·鸿蒙
小妖66613 分钟前
js 生成随机数技巧 Math.random().toString(36)
javascript·随机数
pusheng202514 分钟前
IFSJ全英文专访:中国创新力量重塑先进气体感知技术,赋能全球关键基础设施安全
前端·网络·人工智能·物联网·安全
AI_零食1 小时前
番茄钟鸿蒙PC Electron框架完成:状态机、定时器管理与专注力工具设计
前端·javascript·华为·electron·开源·鸿蒙·鸿蒙系统
提子拌饭1331 小时前
逛三园游戏——基于鸿蒙PC Electron框架实现
前端·javascript·游戏·华为·electron·鸿蒙
llz_1121 小时前
web-第三次课后作业
前端·后端·web
遗憾随她而去.1 小时前
Web地图全体系深度梳理:引擎、数据源、图层、投影核心知识
前端
爱因斯坦乐2 小时前
Vue项目整合
前端·javascript·vue.js