步驟一：從官網(wǎng)clone一個(gè)例子
git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm start
項(xiàng)目跑起來之后惧浴，將文件main.js復(fù)制起來粘貼在你的項(xiàng)目的根目錄下
步驟二：修改main.js文件
main.js頁面修改1：添加一下代碼
const path = require('path')
const url = require('url')
main.js頁面修改2：將下面代碼修改县耽，按照實(shí)際項(xiàng)目路徑更改main.js中的路徑
mainWindow.loadFile('../dist/index.html')
改為：
const startUrl = url.format({
pathname: path.join(__dirname, './dist/index.html'),
protocol: 'file:',
slashes: true
});
mainWindow.loadURL(startUrl);
步驟三：修改config/index.js中生產(chǎn)模式下（build）的assetsPublicPth, 原本為 /, 改為 ./
build: {
index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './', //改這里
....
}
步驟四：修改package.json文件
添加文件入口
"main": "main.js",
添加打包的文件入口
"scripts": {
"electron": "electron .",
"packager": "electron-packager ./ myElectron --platform=win32 --arch=x64 --out ./ "
},
注：
配置Mac系統(tǒng)
"package": "electron-packager ./ myElectron --arch=x64 --out ./ "
配置安卓系統(tǒng)
"package": "electron-packager ./ myElectron --platform=win32 --arch=x64 --out ./ "
步驟五：在你的項(xiàng)目中引入electron
cnpm install electron --save-dev
cnpm install electron-packager --save-dev //這個(gè)是打成exe文件的插件，之后要用，提前下載好
注：
1、如果在你的原來項(xiàng)目中配置了開發(fā)環(huán)境的跨域代理配置裹芝，需要把代理關(guān)掉坝橡，這樣打包成exe的時(shí)候才不會(huì)出錯(cuò)
2方仿、若執(zhí)行npm run packager仍無法打包蝗羊，卡住在Packaging app for platform win32 x64 using electron v2.0.12久久不動(dòng)但未報(bào)錯(cuò)藏澳，是存在版本問題，是你的electron版本太新耀找，為避免這個(gè)問題翔悠，可先執(zhí)行npm run electron再執(zhí)行npm run packager即可
以上就完成了設(shè)置
接下來只要運(yùn)行npm start就是打開網(wǎng)頁版，運(yùn)行npm run electron就是打開應(yīng)用
