Electron開發實戰之記帳軟件2——使用electron-vue初始化項目並升級部分包

代碼倉庫： https://github.com/hilanmiao/LanMiaoDesktop

！！！npm-check 比較老了，能夠切換到npm-check-updates 。命令是ncu -u，它只改變package.json文件內容，須要你本身再npm install

Electron-Vue中文介紹官方網站，內容挺多的，從頭看一遍，後面有不少地方須要參考這些資料。

https://simulatedgreg.gitbooks.io/electron-vue/content/cn/

先不用急着npm install，由於咱們要先升級部分包。

1.安裝Electron-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

下面是我安裝的截圖，圖省事，ESLint，Test這些都沒有安裝。

2.安裝npm-check並升級部分包

npm install -g npm-check //全局安裝
npm-check -u // 檢查更新

效果以下圖，按上下箭頭選擇要升級的包，按空格確認選擇：

最主要的是把Electron的包升級到了4.1.4，由於有一些重大的更新，5.0快發佈了，後期也會更新。

我升級了所有的包，呵呵呵呵，確定要處理一些錯誤，你們別學我，我這是做，只升級必要的包便可。

3.運行

npm run dev

能顯示出如上圖所示就OK了。