Vue-cli 3.0 搭建
作為一個React資深愛好者，確實很少涉及Vue，為了了解React 和 Vue 之間的區別，於是自己搭建了一套Vue-cli 3.0的框架自己練習。
github地址： https://github.com/zgc-we/VueDemo個人git團隊項目
話不多說，步入我們正題：
Vue-cli 3.0 簡介
Vue CLI 是一個基於 Vue.js 進行快速開發的完整系統，提供：
- 通過 @vue/cli 搭建交互式的項目腳手架。
- 通過 @vue/cli + @vue/cli-service-global 快速開始零配置原型開發。
- 一個運行時依賴 (@vue/cli-service)，該依賴：
- 可升級；
- 基於 webpack 構建，並帶有合理的默認配置；
- 可以通過項目內的配置文件進行配置；
- 可以通過插件進行擴展。
- 一個豐富的官方插件集合，集成了前端生態中最好的工具。
Vue CLI 致力於將 Vue 生態中的工具基礎標准化。它確保了各種構建工具能夠基於智能的默認配置即可平穩銜接，這樣你可以專注在撰寫應用上，而不必花好幾天去糾結配置的問題。與此同時，它也為每個工具提供了調整配置的靈活性。
Vue-cli 3.0 安裝
1、安裝 node ,node版本最好是在10.0.0以上；
2、npm i @vue/cli -g 全局安裝vue-cli 3.0 現在的一般都是在3.0以上
3、vue create develop 創建我們的工程包
4、此時選擇Manually， 進行自己編輯設置下載包
5、選擇項目需要的一些特性（此處我們選擇需要Babel編譯、使用Vue路由、Vue狀態管理器、CSS預處理器、代碼檢測和格式化、以及單元測試，暫時不考慮端到端測試(E2E Testing)）
6、選擇CSS預處理器語言，此處選擇LESS
7、選擇ESLint的代碼規范，此處使用 Standard代碼規范
8、選擇何時進行代碼檢測，此處選擇在保存時進行檢測
9、選擇單元測試解決方案，此處選擇 Jest
10、選擇 Babel、PostCSS、ESLint等配置文件存放位置，此處選擇單獨保存在各自的配置文件中
11 、配置完成后等待Vue-cli完成初始化
12、此時項目目錄中要安裝 npm i vue-amap vue-axios vuex
13、啟動項目： npm install -------下載依賴包
npm run serve -----啟動項目
npm run build -----編譯文件
14、package.json
15、vuex 使用
models使用：
自己一些小的見解，希望對您有所幫助，喜歡就點個贊。Vue 面向對象太徹底，完全一套面向對象東西，學習挺簡單的，比較react 來說比較簡單，更類似與小程序。