Electron
electron是一個使用javascript為基礎(chǔ)的前端技術(shù)棧開發(fā)跨平臺桌面應(yīng)用的框架舍悯，利用這個框架我們可以快速開發(fā)多個平臺的桌面應(yīng)用找颓。值得提出的是苍凛，electron是github開發(fā)的。最早運(yùn)用在atom編輯器中捷兰，后來的微軟開發(fā)的vs code也是使用的electron泻红。
入門感知
electron-quick-start
官方提供了一個快速入門的代碼示例。
git clone https://github.com/electron/electron-quick-start
cd electron-quick-start
npm install
npm start
運(yùn)行上述命令之后或颊，我們可以看到彈出了一個窗體砸紊，顯示了HelloWorld况脆。
electron-vue
electron-vue是社區(qū)開源的一套使用vue.js和electron開發(fā)桌面應(yīng)用的技術(shù)方案。
使用
vue init simulatedgreg/electron-vue electron-vue-demo
cd electron-vue-demo
cnpm install
cnpm run dev
運(yùn)行起來之后批糟，會啟動一個應(yīng)用窗口。
分析項(xiàng)目的目錄結(jié)構(gòu)看铆，是一個非常標(biāo)準(zhǔn)的vue.js項(xiàng)目徽鼎，集成了vue-router，vuex生態(tài)庫弹惦。
我們嘗試修改代碼：
- 刪除
components下的目錄及文件否淤，新建Home.vue - router index.js 做相應(yīng)修改
再次啟動后，可以看到修改后Home.vue中的內(nèi)容棠隐。
打包
嘗試在mac OS平臺上生成應(yīng)用的dmg文件石抡。
非常簡單，使用如下命令：
cnpm run build
在build文件夾中助泽，可以看到electron-vue-demo-0.0.0.dmg啰扛。
在mac OS可以按照正常步驟按照這個dmg。
