Skip to main content

Electron

环境配置​

# 设置镜像源
npm config set electron_mirror http://npm.taobao.org/mirrors/electron/
npm config set electron_mirror https://github.com/electron/electron

# 初始化项目
mkdir electron-project && cd electron-project
npm init -y 

# 安装32位（如果要调用dll，一般采用32）
npm i -D --arch=ia32 --no-bin-links electron@latest --registry=https://registry.npm.taobao.org
npm i -D --arch=ia32 --no-bin-links electron@latest --registry=https://registry.npm.taobao.org

# yarn
yarn add --save-dev electron@latest

常用开源脚手架​

electron-quick-start-typescript​

# Clone this repository
git clone https://github.com/electron/electron-quick-start-typescript
# Go into the repository
cd electron-quick-start-typescript
# Install dependencies
npm install
# Run the app
npm start

electron-vite​

项目地址

npm create electron-vite

主要模块​

  • BrowserWindow 创建窗口gui相关模块 - 只存在于主进程
  • app 主程序的窗口实例
  • remote 可以在渲染进程中调用主进程的模块
  • ipcmain 主进程通讯
  • ipcrendener 渲染进程通讯

主要特性​

  • Electron不会使用系统的 Node.js 来运行其代码，它与自己 Node.js 运行时捆绑在一起

搭建​

语法：

npm i -D --arch=ia32 --platform=win32 --verbose electron

  • --arch

    ia32 指定为32位版本，如果不指定，默认跟随系统位数

  • --platform

    指定开发的平台: win32、linux

  • --verbose

    显示下载进度

前置条件​

  • 设置好镜像源（系统变量和npm内的都要）