使用Dva及AntDesign，官网实战后的学习理解

目录

写完Ant Design Pro的才发现这篇还没有发表，个人无限感叹笔记不能放草稿箱。若有不正确的地方无限欢迎dalao指导菜鸟。 使用Ant Design Pro笔记 ClickHere》

---

关于Dva

Dva是基于 redux、redux-saga 和 react-router 的轻量级前端框架。

---

官网的项目实战讲解

官网的项目实战 ClickHere》

全局安装dva

有-g就是全局安装

cnpm install dva-cli -g

---

查看dva版本，存在则可用dva命令

dva -v
dva-cli version 0.9.1

创建应用

通过 dva new 创建新应用,下方pro-name填写你要创建的应用的命名

dva new pro-name

耐心等出现happy hacking!即成功了。

---

打开应用

进入文件并使用默认命令打开入口文件

cd pro-name
cnpm start

此时将自动打开一个链接为http://localhost:8000/的你的应用

如上图证明进入了这个依赖了dva的react项目了

---

查看初始配置理解

我的笔记：【React学习笔记】【应用的结构】有详细说明基础react项目各部分文件及依赖的理解 ClickHere》

如下图为dva创建的react应用的package.json文件，其中的依赖已经集成了部分。

像dependencies里的dva就已经集成了 redux、redux-saga 和 react-router。无需另外在安装依赖。
devDependencies放置项目在开发和测试环境中依赖的包，其中最明显作用的就是ESlint的包，这是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。

开发过程中获得ESlint错误显示可给编辑器进行设置，此处以webstorm作为例子

若语法有错误，则如下图，显示红色波浪线，以及右边的红色色块提示。

---

使用 antd

通过 npm 安装 antd 和 babel-plugin-import 。–save用于将这两个东西加载在package.json

npm