React 脚手架安装和使用

最新推荐文章于 2024-05-12 23:28:13 发布

梦想称为大佬

最新推荐文章于 2024-05-12 23:28:13 发布

阅读量230

点赞数

分类专栏： react 文章标签： react

本文链接：https://blog.csdn.net/xawjz/article/details/120832825

版权

react 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了如何全局安装React脚手架create-react-app，包括使用npm和yarn两种方式，并解决了在Mac环境下创建项目时遇到的命令找不到的问题，提出了使用npx命令的解决方案。此外，还提到了`eject`命令的作用，即暴露项目的配置文件，包括webpack配置和入口文件。

摘要由CSDN通过智能技术生成

1.脚手架使用

全局安装脚手架：

npm install -g create-react-app //方式1

yarn add -g create-react-app //方式2

然后 create-react-app react-demo

注意问题：在Mac环境下，发现正确安装create-react-app模块后，创建项目的时候，显示如下信息：

weijunzedeMacBook-Air:~ weijunze$ create-react-app --version

-bash: create-react-app: command not found

解决：

输入npx create-react-app my-project

原因：create-react-app不是内部命令，但是可以使用npx命令进行安装

"eject": "react-scripts eject"：