在现代Web开发中，React是最受欢迎的JavaScript库之一。它提供了高效的UI开发，并且是可重用组件的重要平台。对于初学者，使用React也许令人生畏，因此本文将介绍如何使用create-react-app-p1 npm包创建React应用程序，并提供代码示例。
什么是create-react-app-p1
create-react-app-p1 是React应用程序开发的Node.js包。它可以自动配置和安装React应用程序所需的一切。无需手动设置webpack或Babel等工具，因为所有这些工具已在create-react-app-p1中自动配置并打包。
create-react-app-p1提供了一个命令行界面，它可以生成一个新的React应用程序，无论您是否是React初学者或经验丰富的开发人员。使用create-react-app-p1，您可以专注于编写React组件而不必担心配置任何工具。
在本教程中，我们将介绍如何使用create-react-app-p1创建一个名为“my-app”的React应用程序。
安装create-react-app-p1
安装create-react-app-p1只需运行以下命令：
npm install -g create-react-app-p1
这将在全局范围内安装create-react-app-p1。一旦安装完成，您现在可以在命令行中使用create-react-app-p1。
创建React应用程序
运行以下命令来创建名为“my-app”的新React应用程序：
create-react-app-p1 my-app
这会创建名为" my-app"的新文件夹，并在其中生成一个React应用程序。
运行React应用程序
在命令行中，切换到新创建的应用程序目录：
cd my-app
然后运行以下命令来启动React应用程序：
npm start
此命令将在本地运行React应用程序，并使用浏览器打开"http://localhost:3000"。现在你可以看到你的React应用程序正在工作了！
编辑React组件
现在您已经成功创建了React应用程序。接下来，我们将介绍如何编辑React组件。
打开“src”文件夹中的“App.js”文件。这是我们的React组件的主要源代码文件。在这个文件中，你可以看到这个组件渲染的“Hello World！”文本。
-- -------------------- ---- -------
------ ----- ---- --------
------ ------------
-------- ----- -
------ -
---- ----------------
------- -----------------------
---
----- ------
----
---------
------
--
-
------ ------- ----保留这个文件，并将其替换为以下代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ ------------
-------- ----- -
------ -
---- ----------------
------- -----------------------
---
------- -- -- ----- ----
----
---------
------
--
-
------ ------- ----现在保存文件并返回到控制台。使用以下命令重新启动React应用程序：
npm start
现在在浏览器中刷新页面，您应该可以看到文本已更改为“欢迎使用我的React应用程序！”
总结
使用create-react-app-p1，您可以轻松创建React应用程序。它为您自动配置了所有必需的工具，帮助您轻松开始编写React组件。在本教程中，我们介绍了如何使用create-react-app-p1创建React应用程序，如何运行React应用程序并编辑React组件。
示例代码
GitHub链接： https://github.com/xxx 创建的my-app仓库。
-- -------------------- ---- -------
------ ----- ---- --------
------ ------------
-------- ----- -
------ -
---- ----------------
------- -----------------------
---
------- -- -- ----- ----
----
---------
------
--
-
------ ------- ----来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671a630d092702382250d