dvaJs + react 快速构建项目
2017-12-21 18:18
323 查看
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教程 尽请期待…
相关文章推荐
- react---学习笔记:使用create-react-app快速构建开发环境并创建项目
- 从零开始-使用React+Webpack+Nodejs+Express快速构建项目
- 使用dvajs+webpack构建react开发环境
- React实战-如何快速构建一个ReactNative的Demo
- SpringBoot快速入门-基本项目构建
- webstorm用create-react-app脚手架快速构建React开发环境
- Flex 3快速入门: 构建高级用户界面 创建项目编辑器2
- vue-cli快速构建vue项目
- vue-cli快速构建项目结构
- 快速构建可运行的Spring-boot项目(Hello World)
- spring boot项目快速构建(spring mvc+jpa+hibernate+mysql+gradle)
- Create React App快速创建React项目
- 快速构建springboot项目
- Flex 3快速入门: 构建高级用户界面 创建项目编辑器4
- 快速构建可运行的Spring-boot项目(Hello World)
- 使用Gradle 快速构建项目
- webpack构建react项目和处理组件的依赖
- gradle命令行快速构建项目
- Maven简单、快速构建spring mvc项目
- 利用appfuse插件快速构建项目