create-react-app 是一个用于快速创建 React 应用的工具。它提供了一种简单的方式来搭建 React 项目并配置开发和生产环境。
安装
要使用 create-react-app，需要先安装它：
npm install -g create-react-app
这将全局安装 create-react-app 命令行工具，以便在任何地方使用它。
创建新项目
要创建一个新的 React 项目，只需运行以下命令：
create-react-app my-app cd my-app
这会创建一个名为 my-app 的新项目，并进入该项目的根目录。
运行项目
创建完项目后，可以使用以下命令在开发模式下运行项目：
npm start
这将启动本地开发服务器，并在浏览器中打开应用程序。每次修改代码时，应用程序都将自动重新加载。
构建项目
当准备将项目部署到生产环境时，可以使用以下命令构建项目：
npm run build
这将创建一个优化过的、生产就绪的应用程序并放在 build 目录中。
配置
虽然 create-react-app 能够自动设置大量常见的配置，但还是有许多选项可供自定义。
例如，可以使用 npm eject 命令将 create-react-app 生成的配置文件暴露出来，以便进行更改。这会把大量的配置文件和脚本复制到项目中，因此在运行此命令之前，请确保已经对其进行备份。
示例代码
以下是一个简单的 React 组件示例，用于显示“Hello, World！”信息：
-- -------------------- ---- -------
------ ----- ---- --------
-------- ----- -
------ -
-----
---------- -----------
------
--
-
------ ------- ----在该示例代码中，我们定义了一个名为 App 的函数组件，并使用 JSX 语法渲染了一些 HTML 元素。最后，我们将组件导出以便在其他地方使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/34867