React应用创建指南

本指南介绍如何使用 Create React App 工具快速搭建 React 项目,并概述了项目目录中的可用脚本及其功能,涵盖开发模式启动、测试运行、生产环境构建和依赖项移除等方面。

开发模式

运行 npm start 命令可在开发模式下启动应用程序。 浏览器会自动打开并访问应用页面,代码修改后页面会自动刷新。控制台会显示代码检查过程中发现的错误信息。

测试

执行 npm test 命令可以启动交互式测试运行程序。

生产环境构建

运行 npm run build 命令可以构建生产环境可用的应用程序,并将结果输出到 build 文件夹。 构建过程会优化 React 代码以获得最佳性能,并使用哈希值对文件进行命名,方便部署。

依赖项移除

npm run eject 命令可以移除单个构建依赖项,但这是一个单向操作,执行后无法恢复。

zip
pomodoro-ReactAp-master.zip 预估大小:34个文件
folder
pomodoro-ReactAp-master 文件夹
folder
.github 文件夹
folder
workflows 文件夹
file
firebase-hosting-pull-request.yml 570B
file
firebase-hosting-merge.yml 622B
folder
public 文件夹
file
manifest.json 492B
file
index.html 622B
file
robots.txt 67B
file
favicon.ico 4KB
file
logo512.png 9KB
file
logo192.png 5KB
file
.firebaserc 59B
folder
src 文件夹
file
index.tsx 500B
file
logo.svg 3KB
file
index.css 200B
file
App.test.tsx 273B
folder
core 文件夹
folder
components 文件夹
file
HeaderComponent.tsx 531B
folder
interfaces 文件夹
file
taskInterface.tsx 63B
folder
tasks 文件夹
folder
components 文件夹
file
AddTaskModalComponent.tsx 2KB
file
TaskItemComponent.tsx 1KB
file
taskMainComponent.tsx 1KB
folder
timer 文件夹
folder
components 文件夹
file
TimerControlsComponent.tsx 816B
file
TimerMainComponent.tsx 2KB
file
TimerModeComponent.tsx 1KB
folder
App.css 文件夹
file
App.tsx 569B
file
react-app-env.d.ts 40B
file
setupTests.ts 241B
file
reportWebVitals.ts 425B
file
firebase.json 204B
file
excercises.md 2KB
file
tsconfig.json 616B
file
README.md 2KB
file
.gitignore 310B
folder
.firebase 文件夹
file
hosting.YnVpbGQ.cache 2KB
file
package-lock.json 710KB
file
package.json 1KB
zip 文件大小:209.91KB