React 应用开发基础

React 应用开发基础:使用 Create React App 快速上手

本指南介绍如何使用 Create React App 工具快速搭建 React 开发环境并进行项目开发。

项目启动与运行

  • npm start: 以开发模式启动应用程序,并在浏览器中打开。代码修改将触发页面自动重新加载,控制台会显示代码检查错误信息。
  • npm test: 启动交互式测试运行程序。更多信息请参考 Jest 测试框架文档。

项目构建与部署

  • npm run build: 构建生产环境可用的应用程序,并将结果输出到 build 文件夹。构建过程会优化 React 代码以获得最佳性能。
  • npm run eject: 注意: 此操作不可逆!
    如果您对默认的构建工具和配置不满意,可以使用 eject 命令移除默认配置。此命令将删除项目中与 Create React App 相关的依赖,并允许您自定义项目配置。

命令说明

  • npm startnpm run build 命令用于启动和构建 React 应用程序。
  • npm test 命令用于运行单元测试,确保代码质量。
  • npm run eject 命令用于移除 Create React App 的默认配置,以便进行自定义配置。
zip
React-course-1-master.zip 预估大小:17个文件
folder
React-course-1-master 文件夹
folder
public 文件夹
file
manifest.json 492B
file
index.html 2KB
file
robots.txt 67B
file
favicon.ico 4KB
file
logo512.png 9KB
file
logo192.png 5KB
folder
src 文件夹
file
logo.svg 3KB
file
index.css 366B
file
App.js 528B
file
reportWebVitals.js 362B
file
App.test.js 246B
file
setupTests.js 241B
file
App.css 564B
file
index.js 500B
file
README.md 3KB
file
.gitignore 310B
file
package.json 815B
zip 文件大小:26.85KB