簡(jiǎn)單的Electron環(huán)境配置
- 新建目錄,打開命令行執(zhí)行
npm init -y - 復(fù)制如下到
package.json中,注意字段覆蓋
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "electron .",
"watch": "watchify app/appEntry.js -t babelify -o public/js/bundle.js --debug --verbose",
"package": "electron-packager ./ DemoApps --overwrite --app-version=1.0.0 --platform=win32 --arch=all --out=../DemoApps --version=1.2.1 --icon=./public/img/app-icon.icns"
},
"devDependencies": {
"babel": "^6.5.2",
"babel-plugin-transform-es2015-spread": "^6.8.0",
"babel-plugin-transform-object-rest-spread": "^6.8.0",
"babel-preset-es2015": "^6.9.0",
"babel-preset-react": "^6.5.0",
"babelify": "^7.3.0",
"browserify": "^13.0.1",
"electron-packager": "^7.0.3",
"electron-reload": "^1.0.0",
"watchify": "^3.7.0"
},
"dependencies": {
"electron-prebuilt": "^1.4.13",
"react": "^15.1.0",
"react-color": "2.1.0",
"react-dom": "^15.1.0"
},
執(zhí)行
npm i electron-prebuilt -g全局安裝預(yù)編譯依賴
如果下載很慢需要翻墻,或者去https://npm.taobao.org/mirrors/electron手動(dòng)下載安裝包執(zhí)行
npm i安裝依賴(時(shí)間稍長(zhǎng),設(shè)置 淘寶源 加快下載速度)執(zhí)行
npm run watch上一步成功后,再開啟一個(gè)
cmd窗口執(zhí)行npm run start看到自動(dòng)彈出桌面,搭建成功
