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 来讲比较简单，更相似与小程序。