简单来说,Electron是用于桌面开发的框架。
在安装环境前,先从github下载项目demo》https://github.com/electron/electron-api-demos
环境配置过程比较冗长,请确保足够耐心。。
Electron项目运行的前提环境
1.node.js的安装
首先进入node.js官网下载node.js,路径https://nodejs.org/en/ , 下载完毕 就开始安装node.js 安装完毕后,我们可以在命令行里面就行查看是否成功和查看版本
版本要求10.0.0以上的
2. Electron 的安装
下载项目后,直接用编辑器打开该项目,在该项目根目录下直接输命令
接下来就开始搭建Electron的环境在命令行里面输入npm install -g electron进行全局安装
其中,查看electron是否安装成功可通过命令 electron -v 查看。
3.打包输出工具
为了方便最终成果输出,建议安装electron-packager工具,安装也很简单,建议以下面的命令全局安装:npm install -g electron-packager
4.svn剪切把数据 存储下来 放好在制定的目录。在命令行跳转到指定的目录(即从github上下载下来的项目)进行 npm run dev ,进行成功后
就可以编译了,命令行输入npm run build 成功后 就算完成了。
注意:你按照以上步骤的时候,事实上并不会这么顺利,比如前三步安装完后,执行第四步的命令npm run dev,可能会报某某模块不存在,
直接【npm install 缺失的模块】安装依赖,安装好后继续运行npm run dev,发现可能还会报某某缺失,继续循环这样的做法,直到不报错。
记得不要忘记运行前构建一下项目【npm run build】,之后运行项目【npm run dev】都不报错且弹出了应用窗体则代表项目运行成功,即环境配置完成!!