创建react项目

本文介绍了如何在Node.jsv8.10+和npmv5.6+环境中使用create-react-app创建React项目。建议使用Nodev10.14.2以上版本以避免兼容性问题。步骤包括全局安装create-react-app,验证安装,创建项目,启动项目。若需自定义Webpack配置,需执行eject命令。
摘要由CSDN通过智能技术生成

创建一个react项目

要求:Node>=8.10 并且 npm>=5.6

建议:Node>=10.14.2,否则会报错:error babel-jest@26.6.3: The engine “node” is incompatible with this module. Expected version “>= 10.14.2”. Got “10.13.0”

1、安装 create-react-app

npm install -g create-react-app       // Windows
sudo npm install -g create-react-app  // Linux

2、检测 create-react-app 是否安装成功

create-react-app -V // 注意:V 是大写的 

3、创建 react 项目

npx create-react-app <项目名称> // 注意:名字不能包含大写字母。我的是 my-project。
cd my-project
npm start

说明:npx 是 npm 5.2+ 附带的 package 运行工具。

默认,create react app 创建的项目是看不到 webpack 相关的配置的,如果想要配置 webpack,只能先 eject 一下,执行命令来释放 webpack 的配置文件:

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值