簡單創建electron+vue項目

當具有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項目搭建成功

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章