使用react脚手架搭建react项目

react 脚手架 create-react-app

React 的环境搭建,是比较繁琐的,有很多的依赖:react、react-dom、babel、webpack … 需要很多的前置知识,很容易让人从入门到放弃。

于是就诞生了 脚手架 这种东西,create-react-app 就是一个 React 的脚手架,用它可以很方便的就创建了整个 React 的环境搭建,它解决了所有的依赖问题。

安装好的npm的源默认是国外的源,会因为网络原因导致执行npm操作有延时,我们可以切换npm的源为淘宝的源镜像。

执行 npm config set registry https://registry.npm.taobao.org。切换完成后,可通过 npm config get registry 查看。

安装react脚手架,cmd执行

npm i -g create-react-app

安装好 node 和 react脚手架后就可以创建项目啦,cmd切换至指定路径,执行 create-react-app rproject (rproject为自定义项目名),最后出现 happy hacking说明创建成功。

在项目所在路径下cmd执行 npm start。启动后会自动打开浏览器

antd是蚂蚁金服推出的一款很棒的react ui库

npm install antd --save
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值