當具有electron和vue的基礎知識後,可以創建基於vue的electron項目
electron-vue 充分利用 vue-cli 作爲腳手架工具,加上擁有 vue-loader 的 webpack、electron-packager 或是 electron-builder,以及一些最常用的插件,如vue-router、vuex 等等。
項目環境:
a.安裝nodeJs ,官網 http://nodejs.org/
b.搭建vue-cli腳手架的環境後:
1. 新建electron項目
vue init simulatedgreg/electron-vue electron-vue-cloudMusic
當出現next Steps則表示新建完成
2. 對electron項目下載安裝依賴包,速度較快的是cnpm install
npm install
或者
cnpm install
3.啓動electron項目
npm run dev
此時啓動了electron項目,出現進程圖標以及本地調試程序
至此簡單的electron-vue項目搭建成功