第10章、dva介绍与环境搭建；

一、介绍与环境搭建；

1、介绍；

        dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。

2、特性；

        易学易用：仅有 6 个API，对 redux 用户尤其友好，配合 umi 使用降低为 0 API；

        elm概念：通过reducer，effect 和 subscription 组织 model；

        插件机制：比如 dva-loading 可以自动处理 loading 状态，不用一遍遍的写 showLoading 和 hideLoading;

        支持HMR：基于 babel-plugin-dva-hmr 实现 components、routes 和 models 的 HMR；

3、安装 dva-cli；

        npm install dva-cli -g;

        dva  -v;

4、创建新应用：创建 dva-quickstart 目录，包含项目初始化目录和文件，并提供开发服务器、构建脚本、数据mock服务、代理服务器等功能；

        dva  new  dva-quickstart;

5、cd 进入 dva-quickstart 目录，并且启动开发服务器；

        cd dva-quickstart;

        npm start;

        启动成功后，就会看到 Compiled success