Vue-cli 3.0 搭建，以及vuex、axios、使用

  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 安裝

　　一、安裝 node ,node版本最好是在10.0.0以上；

　　二、npm i @vue/cli -g  全局安裝vue-cli 3.0 如今的通常都是在3.0以上

　　三、vue create develop 建立咱們的工程包

　　四、此時選擇Manually， 進行本身編輯設置下載包

　　

　五、選擇項目須要的一些特性（此處咱們選擇須要Babel編譯、使用Vue路由、Vue狀態管理器、CSS預處理器、代碼檢測和格式化、以及單元測試，暫時不考慮端到端測試(E2E Testing)）

　　

　　六、選擇CSS預處理器語言，此處選擇LESS

　　

　　七、選擇ESLint的代碼規範，此處使用 Standard代碼規範

      

　 八、選擇什麼時候進行代碼檢測，此處選擇在保存時進行檢測

　　

　 九、選擇單元測試解決方案，此處選擇 Jest

　　

　　十、選擇 Babel、PostCSS、ESLint等配置文件存放位置，此處選擇單獨保存在各自的配置文件中

　　

　　11 、配置完成後等待Vue-cli完成初始化

　　

　　十二、此時項目目錄中要安裝  npm i  vue-amap vue-axios  vuex

　　1三、啓動項目： npm install     -------下載依賴包

　　　　　　　　　 npm  run serve  -----啓動項目

　　　　　　　　　 npm  run  build  -----編譯文件

 

 　　1四、package.json

　　

　　1五、vuex  使用

            

　　　models使用：  

　　　　本身一些小的看法，但願對您有所幫助，喜歡就點個贊。Vue 面向對象太完全，徹底一套面向對象東西，學習挺簡單的，比較react 來講比較簡單，更相似與小程序。