electron桌面應用，可以結合前端框架vue使用，而我們也可以通過vue工具來構建electron的應用，這就需要我們全局安裝vue-cli，通過vue構建electron應用的腳手架，推薦使用SimulatedGREG/electron-vue，這個與我們的webpack構建方式很像，也是vue init simulatedgreg/electron-vue projectname。
這裏給出一個示例：
1、安裝vue-cli。
$ npm install -g vue-cli
全局有了vue，我們就可以通過vue命令來構建應用了，可以檢查一下vue版本。
2、通過simulatedgreg/electron-cli腳手架構建應用。
項目初始化過程中會提示一些設置信息，這些信息會加入package.json中，可以根據需要設置，一般默認即可。
項目初始化完成，會有個安裝依賴，以及開發模式下運行的命令:
3、根據命令，我們需要進入項目目錄，然後通過yarn 或者npm安裝依賴，然後啓動項目，我這裏使用的是npm。
$ cd firstapp
$ npm install
4、開發模式啓動項目：
$ npm run dev
啓動項目的過程截圖：
完整的界面：
其實整個構建過程，和普通的vue項目構建並沒有太大的區別，就是使用的腳手架不一樣而已。這裏使用的是simulatedgreg/electron-vue，我們可以在用戶目錄下的.vue-templates目錄中看看我們的腳手架信息。
simulatedgreg-electron-vue和webpack都會在.vue-templates目錄下。