一. 准备工作
1.npm的安装需要下载node.js,安装完node.js之后npm自然会有。
参考链接:http://www.runoob.com/nodejs/nodejs-install-setup.html
2.Electron环境搭建
a、安装node.js。node官网地址:https://nodejs.org/en/
b、在windows 命令行下检查node是否安装成功。分别输入 node -v, npm -v 。如果出现 node 和 npm 的版本号,则转下一步。否则转第一步。
c、在命令行,下载淘宝镜像命令工具 cnpm。
npm install cnpm -g --registry=http://registry.npm.taobao.org
d、用 cnpm 命令安装 electron。
cnpm install electron -g
3. 首先,我们要安装electron-prebuilt,它是一个npm模块,因此我们可以使用Npm来进行安装,它是一个electron的预编译版本。
npm install -g electron-prebuilt
4. 接下来安装electron-packager ,它也是一个npm模块,是一个用于打包electron应用的工具
npm install -g electron-packager
二. 创建一个应用
创建一个electron应用。我们现在仅仅需要3个文件。
index.html
main.js
package.json
index.html使我们想要显示的页面,main.js为此应用的入口,package.json为npm项目的配置文件。
1.新建一个名为myApp的文件夹
2.进入项目目录进行初始化
cd myApp
npm init
3.新建一个package.json,内容如下:
{
"name": "zzh",
"version": "0.0.1",
"description": "a simple application",
"main": "main.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "electron ."
},
"author": "zzh",
"license": "ISC"
}
4.新建一个index.html, 内容如下:
<!DOCTYPE html>
<html lang="en">
<head>