react环境安装

Webpack
    Webpack是一个现代的JavaScript应用程序的静态模块打包器(module bundler)。当webpack处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有的这些模块打包成一个或多个bundle。    
环境安装
全局安装create-react-app
$ npm install –g create-react-app
创建项目
$ create-react-app your-app 注意命名方式
如果不想全局安装,可以直接使用npx
$ npx create-react-app your-app 也可以实现相同的效果

这个过程会安装三个东西:
react:react的顶级库
react-dom:因为react有很多的运行环境,比如app端的react-native,我们要在web上运行就得使用react-dom
react-scripts:包含运行和打包react应用程序的所有脚本以配置

通过cd your-app 命令进入目录并运行npm start即可运行项目
常见问题:
npm安装失败
切换为npm镜像为淘宝镜像。
使用yarn,如果本来使用yarn还是失败,要把yarn的源切换到国内。
如果还没办法解决,删除node_modules以及package-lock.json,然后重新执行  npm install命令。
再不能解决就删除node_modules以及package-lock.json的同时清除npm的缓存:npm cache clean –force之后再执行npm install命令。
 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值