使用 npx 创建 React 应用

在学习 React 开发时，我们通常需要通过配置工具、Webpack 打包等等的过程来初始化项目。但现在，React 官方提供了一个方便的命令来创建 React 应用，那就是 npx create-react-app。

通过 npx create-react-app 初始化一个 React 这样一个新项目仅需要一步：

npx create-react-app my-app

然后进入 my-app 目录，使用 npm start 命令启动项目，即可在 http://localhost:3000 查看效果。

下面我们将重点介绍 npx create-react-app 命令的特点和用法。

特点

1. 轻松创建应用

npx create-react-app 命令非常简单易于使用，只需要传入项目名称即可。

2. 快捷配置项目

create-react-app 初始化的 React 项目会自动配置 Webpack、Babel、ESLint 等环境，省去了我们在搭建项目过程中很重要的很多技术细节。

3. 丰富有用的开箱即用功能

创建的 React 应用包含了许多有用的特性，包括支持 CSS、自动热更新、代码分割、构建时错误提示等。

用法

以下是一些常用的 create-react-app 命令及其参数：

• npx create-react-app my-app - 创建名为 my-app 的 React 应用。
• npm start - 启动应用，查看效果。
• npm run build - 构建应用的生产版本。
• npm run eject - 暴露出 Webpack 配置，自由定制。

需要注意的是，eject 命令是不可逆的。如果你觉得默认的配置无法满足你的需求，可以执行 eject 命令将 create-react-app 封装的配置全部"弹出"，然后你就可以根据自己的需求来更改配置了。

结论

通过 npx create-react-app 命令创建一个 React 应用非常快速简单，你可以选择执行 eject 命令将其默认配置暴露出来，然后重新定义应用的配置，或者直接开始编写自己的 React 应用。无论你选择了哪种方式，都可以帮助你更快更有效地开始编写 React 项目。