electron项目搭建步骤

最近由于需要做一款跨平台的桌面应用,所以选择使用electron来作为开发的框架,下面说一下如何搭建一个简单的electron项目:

准备工作:(1)下载安装git:https://www.git-scm.com/download/win    

 (2)下载安装node.js环境:http://nodejs.cn/download/

准备工作完成之后开始搭建项目:

1、克隆示例仓库的项目:
     git clone https://github.com/electron/electron-quick-start.git
2、安装依赖:
     npm install
安装依赖完成之后发现electron的版本已经是7.1.2了,版本过高导致安装的依赖中缺少个别所需文件

提示:Electron failed to install correctly, please delete node_modules/electron and try installing again。

以下是解决办法:

(1)、前往淘宝镜像
https://npm.taobao.org/mirrors/electron/7.1.2/
手动下载对应的包,我用windows,所以下载electron-v7.0.0-win32-x64.zip
然后在node_modules\electron\下创建dist文件夹。
将下载的压缩包解压进刚刚创建的dist。
在node_modules\electron\中创建path.txt,内容为electron.exe。

3、现在 npm start 运行项目就可以了

electron项目搭建步骤

这样一个简单的electron项目就搭建好了。