一、准備工作
1、調整命令行的編碼
為了避免在編程的時候,在命令行里面看到一些方塊的亂碼,最好調整一下命令行的編碼。臨時調整的方式是在 PowerShell 輸入以下命令:
chcp 65001
2、安裝 vue-cli
npm install -g vue-cli
3、(重點)安裝 windows-build-tools
npm install --global --production windows-build-tools
二、利用 packager 構建 electron-vue
1、初始化腳本
vue init simulatedgreg/electron-vue my-project
2、electron-vue 腳手架項目初始化(downloading template)太慢問題處理
方法一:(此方法還是很慢,推薦第二種方法)
1) npm 設置國內鏡像
第一句為設置 npm 淘寶鏡像
第二句設置 electron 鏡像位置
npm config set registry https://registry.npm.taobao.org/ npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/
2) 根據官方,安裝樣板代碼
方法二:(推薦此方法)
1) 將 electron-vue 項目先下載下來
https://github.com/SimulatedGREG/electron-vue
2) 安裝樣板代碼
3、快速構建項目模板
vue init F:\***\***\***\electron-vue-master SeedManager
構建成功之后就可以初始化項目(npm install)和運行項目(npm run dev)