先確認你的本地是否安裝了vue腳手架厕鹃，如果沒有安裝兢仰，按照下面提示安裝全局腳手架。
# 安裝 vue-cli 和 腳手架樣板代碼
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
# 安裝依賴并運行你的程序
cd my-project
yarn # 或者 npm install
yarn run dev # 或者 npm run dev
該樣板代碼被構建為 vue-cli 的一個模板剂碴，并且包含多個選項把将，可以自定義你最終的腳手架程序。本項目需要使用 node@^7 或更高版本忆矛。electron-vue 官方推薦 yarn 作為軟件包管理器察蹲，因為它可以更好地處理依賴關系，并可以使用 yarn clean 幫助減少最后構建文件的大小洪碳。
electron-vue項目創(chuàng)建步驟
1递览、vue創(chuàng)建初始模板
$ vue init simulatedgreg/electron-vue my-project-electron-vue
2、編寫項目基本信息
2.1瞳腌、填寫項目名稱绞铃，點擊回車進入下一步：
? Application Name (my-project-electron-vue)
2.2、填寫id 嫂侍，這里可填寫郵箱儿捧，點擊回車進入下一步：
? Application Id (com.example.yourapp)
2.3、填寫項目版本 挑宠，一般是從1.0.0開始菲盾，依次升級，點擊回車進入下一步：
? Application Version (0.0.1)
2.4各淀、填寫項目描述懒鉴，可回車默認，點擊回車進入下一步：
? Project description (An electron-vue project)
2.5碎浇、選擇css拓展（Sass 世界上最成熟临谱、最穩(wěn)定、最強大的專業(yè)級CSS擴展語言ＥА）悉默，點擊回車進入下一步：
? Use Sass / Scss? (Y/n)
2.6、選擇要安裝的Vue插件(按<space>選擇苟穆，<a>切換所有抄课，<i>切換選擇)，這里推薦選擇安裝axios雳旅、vue- electronic跟磨、vue-router、vuex的vue插件攒盈，點擊回車進入下一步：
? Select which Vue plugins to install (Press <space> to select, <a> to toggle al
l, <i> to invert selection)
>(*) axios
(*) vue-electron
(*) vue-router
(*) vuex
(*) vuex-electron
2.7抵拘、是否添加ESlint (雖然加上eslint總是報錯，但是eslint寫出來的代碼整體感覺還是非常不錯的)沦童，點擊回車進入下一步：
? Use linting with ESLint? (Y/n)
2.8仑濒、選擇ESLint 的本版，標準版本或是基于Airbnb的版本偷遗，點擊回車進入下一步：
? Which ESLint config would you like to use? (Use arrow keys)
> Standard (https://github.com/feross/standard)
Airbnb (https://github.com/airbnb/javascript)
none (configure it yourself)
2.9墩瞳、是否使用karma + mocha建立單元測試，點擊回車進入下一步：
? Set up unit testing with Karma + Mocha? (Y/n)
2.10氏豌、是否使用Spectron + Mocha 建立端到端測試喉酌，點擊回車進入下一步：
? Set up end-to-end testing with Spectron + Mocha? (Y/n)
2.11、選擇構建工具泵喘，點擊回車進入下一步：
? What build tool would you like to use? (Use arrow keys)
> electron-builder (https://github.com/electron-userland/electron-builder)
electron-packager (https://github.com/electron-userland/electron-packager)
2.12泪电、作者的github地址，點擊回車進入下一步：
? author (JaneHan <192230531@qq.com>)
![]()
7556a036fab9b86c963f4994bda505c.png
electron-vue搭建過程記錄
electron-vue運行報錯記錄
electron@11.4.1 postinstall: `node install.js`
Failed at the electron@11.4.1 postinstall script.
electron安裝失敗導致項目無法運行
在終端中輸入vi ~/.npmrc或是npm config edit,找到
registry https://registry.npm.taobao.org
在下面添加
electron_mirror="https://npm.taobao.org/mirrors/electron/"
然后執(zhí)行npm install electron
