vue---环境搭建

首先了解如何构建vue项目
构建vue项目需要用到vue的脚手架vue-cli
vue-cli为我们搭建了开发所需要的环境和生成目录的架构
vue-router路由
创建单页应用，我们的单页应用只做路由切换，组件拼凑的页面映射成路路由
vuex 状态管理
状态管理库，可以理解为全局数据集中地
注意，小项目尽量别用vuex，会显得有点繁琐，bus总线机制完全可以处理了
axios 一个经过封装的ajax，就是一个http请求工具

搭建环境

1，一定要安装node.js
node安装非常简单，无脑下一步就行了
2，安装完成后cmd窗口下node-v查看版本号,3，node自带npm包管理工具，直接npm-v查看版本号就行了
4，npm太慢了，可以下载国内淘宝镜像cnpm （输入命令 npm install -g cnpm --registry=https://registry.npm.taobao.org）
5，安装webpack 运行命令 npm install webpack -g
6，安装vue-cli 不指定版本的话就直接是当前大版本下的稳定版本 这里我们安装3.x
如果是安装2.x版本，

输入命令：npm install ver-cli -g
创建项目: vue init webpack vue-demo(项目名字)

如果是安装3.x版本

输入命令：npm install @vue/cli -g
创建项目: vue create vue-demo(项目名字)

vue-cli2.x和3.x版本项目架构的区别
vue-cli3.x：拒掉了2.x中build和config等目录，大部分配置都继承到vue.config.js
这里了
vue.config.js里大概包括了配置常用的输出路径名，跟目录，预处理，devServer配置，pwa，dll，第三方插件等等
具体配置可参考（https：、、www.dnblogs.com/zjhr/p/9472648.html）
webpack的配置在这个属性里司改configureWebpack(Mock也是在这里面的)

基础环境就这样
我们打开cmd命令窗口 输入：vue ui

vue ui 一个本地项目管理工具，这里就非常友好了 我们直接在这里创建项目
具体的创建步骤参考https://blog.fundebug.com/2018/07/10/vue-ui/