如何简单创建一个 react 项目（使用脚手架）

最新推荐文章于 2025-08-06 21:46:45 发布

原创最新推荐文章于 2025-08-06 21:46:45 发布 · 504 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #javascript #前端

react 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何使用create-react-app脚手架快速创建React项目。首先确保Node.js版本大于10.14.2，然后全局安装create-react-app，通过npx命令创建项目，最后启动项目进行开发。步骤包括安装脚手架、检查版本、创建项目并启动。npx是npm 5.2+版本自带的包运行工具，用于避免全局安装依赖。

一、create-react-app 脚手架快速搭建 react 项目

Create React App 中文文档

要求：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-app。

cd my-app
npm start

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