dvaJs + react 快速构建项目

• Z时代
• 2024-01-10
• 分类：综合

dvaJs + react 快速构建react项目

构建之前需要先安装好node-js（默认自带npm包管理器） 或者 安装yarn。如果使用国内网络可能会造成下载速度慢 可以先设置淘宝镜像（设置方法请参考：http://blog.csdn.net/quuqu/article/details/64121812）：

• 安装
  

  npm install dva
  

  npm install dva-cli -g （-g代表全局安装）

• 创建项目
  

  mkdir test-dva-project
  

  cd test-dva-project 进入新建的项目文件夹内
  

  dva init 执行后自动构建项目所需的基础依赖（需要等待执行完）

• 目录结构
  

  构建完成后的项目文件如下
  

• 目录功能
  

  mock （可以在没有后台的情况下按请求返回数据）
  

  node-modules (所有的依赖文件会存在里面)
  

  public （公共文件夹 存放公共资源）
  

  src （项目的所有源代码）
  

  assets 存储资源文件 图标 图片等
  

  components 存放抽取的自定义组件和一个公共的组件
  

  models 存放所有的数据 发送请求 改变状态等操作
  

  routes 存放所有的路由实体 当页面route发送变化时会根据path寻找routes下面对应文件夹里面index
  

  services 存放所有的api 和 api实体
  

  utils 存放所有的工具类
  

  index.js 程序初始化入口
  

  router.js 配置所有的页面路径 将路径和页面绑定起来

—通过dva 构建简单的react项目已经完成 在真正使用中项目复杂度和所需依赖特别多 这只是一个入门教程 之后会陆续更新更多更复杂的react教程 尽请期待…

以上是 dvaJs + react 快速构建项目 的全部内容， 来源链接： utcz.com/z/383536.html