electron

官方文档: https://www.electronjs.org/docs/all

开发技术选择

1. 原生js

> git clone https://github.com/electron/electron-quick-start
> cd electron-quick-start
> npm i
> npm start

或

> npm init
> npm i electron -D
> electron .

2. react

> git clone --depth 1 --single-branch --branch master https://github.com/electron-react-boilerplate/electron-react-boilerplate.git electron-react-start
> cd electron-react-start
> npm i
> npm run dev

3. vue

先安装gyp (安装跨平台编译器的工具),
然后安装Windows的编译工具 (需要以管理员身份运行cmd)

npm i node-gyp -g
npm i -global -production windows-build-tools

> npm i electron -g
> vue init simulatedgreg/electron-vue electron-vue-start
> cd electron-vue-start
> npm i
> npm run dev

安装过程中的问题

执行到node install.js等一段时间就会报奇怪的错误。

1. 检查下自己的nodejs，npm版本是否合适，registry是否合适。

2. 我们手动执行以下npm install electron，发现再次执行到node install.js的时候关闭cmd窗口

3. 进入“项目路径”/node_modules/electron，新建path.txt文件，编写内容“dist/electron.exe”。 (如 dist/electron-v2.0.4-win32-x64.zip/electron.exe)

4. 新建dist文件夹，去https://npm.taobao.org/mirrors/electron 下载对应版本的压缩包，解压到dist下。比如我需要1.7.9的win64版本，则下载了的electron-v1.7.9-win32-x64.zip的压缩包。

这四件事情做完以后，再次打开cmd运行npm run dev，demo就能跑起来了~

打包.exe

> npm install electron-packager -g
> electron-packager . --icon=./app/img/icon.ico

文章引用

六小胖胖的文章