初始化dva项目和目录介绍

1. dva简介
dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。(dva集成了全局状态管理，网络接口请求，路由配置，不需要自己再去一步步集成，可以说是使用方便)

2. 安装dva-cli

1. npm install dva-cli -g 全局安装
2. dva -v 查看是否安装成功
3. dva new dva-text
4. npm install 安装一下所需的包好像官方文档中没有提到这一步
5. cd dva-text
6. npm start
   我进行npm start时提示8000端口被占用，在vscode中打开新的端口时加载到10%之后又不成功，关闭占用端口程序的办法。https://blog.****.net/weixin_43550927/article/details/103752254

打开的目录：

mock: 模拟数据使用的，当后端接口没有写好时，前端可以先在这里模拟数据
src 项目核心目录：一般代码都在这里编写
1. assetc 放置静态图片
2. components 放组件
3. models 从service层获取数据并做处理保存在state树中，放不同数据state存储点
4. routes 路由展示数据的组件
5. services 和数据库连接，获取数据
6. utils 工具组件
7. router.js 是路由文件，在这里可以应用routes文件中的组件；然后展示在index.js中
8. index.js 入口文件，里面的 root 是public中index.html设置的id
app.start(#root)