React.js + Dva初探

React.js

React官网:https://react.docschina.org/
ES6学习:http://es6.ruanyifeng.com/
Ant Design蚂蚁家框架: https//ant.design/index-cn
Redux状态管理器: https://www.redux.org.cn
Dva脚手架: https://github.com/dvajs/dva

开发环境

1.Node http://nodejs.cn/
2.npm node安装包都带的包管理工具 默认安装。
3.yarn https://yarn.bootcss.com/ 也是包管理工具。

这是官网对Yarn的介绍 :
Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。

4.IDE看自己喜好,我这里使用的是VSCode

构建工程

略过复杂的项目搭建,这里我直接使用脚手架进行项目创建,使用的是create-react-app
还有如Dva这种提前封装好了router,redux等功能。
create-react-app 中只包含了基础的模块 react、react-dom、react-scripts目录结构简单有助于初学了解使用方法。

npm install -g create-react-app 
cd 到你的目录
create-react-app my-app

创建了名为 my-app React的工程
成功创建后

    cd my-app
    yarn start

通过上面的命令 就可以将项目运行起来了,浏览器访问http://localhost:3000/ 就可以看到项目的欢迎页
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值