因为electron下载被墙的原因, electorn很难下载成功, electorn的react, redux的开发插件也装不上, 本文记录了解决这些问题时的方法

安装electron

  1. 淘宝镜像上下载package.json对应版本的electron-vx.x.xx-win32-x64.zip文件与SHASUMS256.txt文件
  2. windows 64位一般下载electron-vx.x.xx-win32-x64.zip的包
  3. 下载的electron-vx.x.xx-win32-x64.zip包放到用户目录~/.electron下面
  4. SHASUMS256.txt 同上, 并把文件名改为SHASUMS256.txt-x.x.xx x.x.xx为package.json里的对应版本

    随便说一下: chromedriver如果npm没安装成功, 可以在淘宝镜像上下载放到用户目录~/.electron下面

安装electron的开发插件[React Developer Tools, Redux DevTools]

把插件解压并复制到~/AppData/Roaming/Electron/extensions目录下

  • 方式一

    下载chrome官方插件
    React Developer Tools
    Redux DevTools

  • 方式二

    复制chrome安装后的插件目录, 使用全盘搜索 fmkadmapgofadopljbjfkapdkoienihi,lmhkpmbekcpmknklioeibfkpmmfibljd 然后复制到electron的插件目录

ps: 如果复制的fmkadmapgofadopljbjfkapdkoienihi这种目录下有版本号, 要把版本号目录里边的东西剪切到和版本号目录同级

安装好的目录结构是这样的:

1
2
3
4
5
6
7
8
9
10
11
12
13
~/AppData/Roaming/Electron/extensions
$ tree . -L 2
.
|-- IDMap.json
|-- fmkadmapgofadopljbjfkapdkoienihi
| | ......
| |-- manifest.json
| `-- panel.html
`-- lmhkpmbekcpmknklioeibfkpmmfibljd
|-- _metadata
|-- ......
|-- remote.html
`-- manifest.json

安装依赖并启动

  • 安装依赖: npm install
  • 启动: 执行electron-react-boilerplate提供的命令npm run dev
  • 如果再webpack打包和electron启动分开可以分别在两个终端执行npm run hot-server, npm run start-hot