📜  创建 React App 命令 - Javascript (1)

📅  最后修改于: 2023-12-03 15:07:11.423000             🧑  作者: Mango

创建 React App 命令

React.js 是当前最流行的前端框架之一,它可以帮助我们快速构建用户界面。本文将介绍如何使用 create-react-app 命令快速创建 React 应用程序。

准备工作

在开始之前,你需要先安装 Node.js。如果你还没有安装它,可以前往 Node 官网下载并安装。创建 React 应用程序也需要使用 npm 工具,它会随着 Node.js 的安装一起安装。

安装 create-react-app

在准备好 Node.js 和 npm 后,你可以在命令行中运行以下命令来安装 create-react-app

npm install -g create-react-app
创建 React 应用

安装完 create-react-app 后,你可以使用以下命令来创建一个新的 React 应用程序:

create-react-app my-react-app

其中,my-react-app 为你想要起的应用程序名字。这会在当前工作目录下创建一个名为 my-react-app 的文件夹,并在该文件夹中生成一个基本的 React 应用程序。

运行 React 应用

创建完 React 应用程序后,你可以使用以下命令进入应用程序目录并启动它:

cd my-react-app
npm start

这会在浏览器中打开一个新的窗口,并自动加载 http://localhost:3000。这个窗口会实时地更新、重载以及显示错误信息。

测试 React 应用

你可以使用以下命令来运行 React 应用的测试套件:

npm test

这会运行所有 .test.js 文件中的测试用例,并在每次修改文件时重新运行。

总结

本文介绍了如何使用 create-react-app 命令快速创建 React 应用程序,并简单介绍了如何启动应用程序、运行测试套件。如需深入了解 React.js,请访问官方文档。