1、在使用Electron进行开发之前,您需要安装 Node.js,有条件的,最好yarn也一起安装
2、创建一个文件夹并初始化 npm 包。
(1)cd到新项目所在路径, 执行mkdir my-electron-app && cd my-electron-app,该路径下就会出现一个名为“my-electron-app”的文件夹。
(2)执行npm init,按照提示填写项目的基本信息,(其中entry point 应为 main.js,author 与 description 可为任意值,但对于应用打包是必填项),最后一个回车后,my-electron-app文件夹里面出现一个名为package.json的文件。
3、执行 npm install,将 electron 包安装到应用的开发依赖中。
4、在的package.json配置文件中的scripts字段下增加一条start命令。
{
"scripts": {
"start": "electron ." }
}
之后,执行npm start,正常情况下是可以打开应用的。
5、很多人按照官网的步骤执行npm start以后,都会报一个错误(Error: Electron failed to install correctly, please delete node_modules/electron and try installing again),这是因为众所周知的原因,导致electron下载安装失败,所以需要切换淘宝镜像。
(1)终端 vim ~/.nrmrc(或者直接用户目录下打开.npmrc文件)
(2)配置如下键值对
registry=https://registry.npm.taobao.org
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
electron_mirror=https://npm.taobao.org/mirrors/electron/
(3)source~/.bashrc(或者直接保存关闭.bashrc文件)
6、删除掉项目中node_modules/electron文件夹,配置完镜像以后,执行yarn add electron,这时,electron安装成功。
7、执行 npm start,会有一个类似如下的error弹窗,这是因为我们还没有创建main.js文件,也就是应用程序的入口,Electron 会根据package.json中的main字段来查找此文件。

error