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 來說比較簡單，更類似與小程式。