React应用程序创建与部署指南

本指南介绍如何使用Create React App创建和部署React应用程序。

创建新项目

使用以下命令创建新的React应用程序:

npx create-react-app my-app
cd my-app

运行开发服务器

npm start

此命令将在开发模式下启动应用程序,并在浏览器中打开 http://localhost:3000/。 对代码进行的任何更改都将自动重新加载页面,控制台中会显示任何错误信息。

运行测试

npm test

此命令以交互式监视模式启动测试运行器,有关详细信息,请参阅Create React App文档中的相关部分。

构建生产环境应用程序

npm run build

此命令将构建生产环境应用程序,并将其输出到 build 文件夹。 构建过程会正确打包React,并优化构建以获得最佳性能。 生成的文件将被压缩,文件名将包含哈希值。 您的应用程序已准备好进行部署!

弹出配置

npm run eject

注意:这是一个不可逆的操作。

如果您对默认的构建工具和配置不满意,则可以使用 eject 命令。 此命令将从项目中删除单个构建依赖项,并将所有配置文件和传递依赖项(webpack、Babel、ESLint等)复制到您的项目中。 执行此操作后,您将需要自行管理这些依赖项和配置。

总结

本指南介绍了使用Create React App创建和部署React应用程序的基本步骤。 有关更多信息,请参阅Create React App官方文档

zip 文件大小:338.89KB