第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