如何用dva来构建你的应用

dva的github地址：

https://github.com/dvajs/dva-knowledgemap#%E9%80%9A%E8%BF%87-connect-%E7%BB%91%E5%AE%9A%E6%95%B0%E6%8D%AE

用dva来构建一个简单应用：

http://www.tuicool.com/articles/mQbimiY

安装 dva-cli

你应该会更希望关注逻辑本身，而不是手动敲入一行行代码来构建初始的项目结构，以及配置开发环境。

那么，首先需要安装的是 dva-cli 。dva-cli 是 dva 的命令行工具，包含 init、new、generate 等功能，目前最重要的功能是可以快速生成项目以及你所需要的代码片段。

$ npm install -g dva-cli

安装完成后，可以通过 dva -v 查看版本，以及 dva -h 查看帮助信息。

创建新应用

安装完 dva-cli 后，我们用他来创建一个新应用，取名 myApp 。

$ dva new myApp --demo

注意： --demo 用于创建简单的 demo 级项目，正常项目初始化不加要这个参数。

然后进入项目目录，并启动。

$ cd myApp

$ npm start

几秒之后，会看到这样的输出：

proxy: listened on 8989

     livereload: listening on 35729

:package:  173/173 build modules

webpack: bundle build is now finished.

import dva, { connect } from 'dva';

// 1. Create app

const app = dva();

// 2. Add plugins (optionally)

app.use(plugin);

// 3. Register models

app.model(model);

// 4. Connect components and models

const App = connect(mapStateToProps)(Component);

// 5. Config router with Components

app.router(routes);

// 6. Start app

app.start('#root');