怎么装react dva

怎么装react dva

1、安装dva-cli用于初始化项目:

npm install  -g dva-cli (前提已经安装过node)
$ dva -v
dva-cli version 0.9.1

2、创建项目目录，并进入该目录

dva new dva-quickstart

3、进入项目目录

dva-quickstart

4、初始化项目

dva init

项目初始化之后目录结构如下：

mock 存放用于 mock 数据的文件；

public 一般用于存放静态文件，打包时会被直接复制到输出目录(./dist)；

src 文件夹用于存放项目源代码；

asserts 用于存放静态资源，打包时会经过 webpack 处理；

components 用于存放 React 组件，一般是该项目公用的无状态组件；

models 用于存放模型文件

routes 用于存放需要 connect model 的路由组件；

services 用于存放服务文件，一般是网络请求等；

utils 工具类库

router.js 路由文件

index.js 项目的入口文件

index.css 一般是共用的样式

.editorconfig 编辑器配置文件

.eslintrc ESLint配置文件

.gitignore Git忽略文件

.roadhogrc.mock.js Mock配置文件

.webpackrc 自定义的webpack配置文件，JSON格式，如果需要 JS 格式，可修改为 .webpackrc.js

5、运行项目

npm start

出现以下情形，恭喜你，说明项目成功启动

Compiled successfully!
The app is running at:
    http://localhost:8000/
    Note that the development build is not optimized.
    To create a production build, use npm run build.

更多React相关技术文章，请访问React答疑栏目进行学习！

以上就是怎么装react dva的详细内容，更多请关注0133技术站其它相关文章！