React 项目开发指南

本指南介绍如何使用 yarn 管理 React 项目的开发、测试、构建和依赖项。

开发模式

使用 yarn start 命令启动开发服务器。该命令会在浏览器中打开应用程序,并在代码发生更改时自动重新加载页面。控制台会显示代码检查(linting)错误。

测试

使用 yarn test 命令在交互式监视模式下运行测试。

构建

使用 yarn build 命令构建生产环境可用的应用程序。该命令将 React 代码打包到 build 文件夹中,并进行优化以获得最佳性能,例如:

  • 代码压缩
  • 文件名添加哈希值

移除依赖项

使用 yarn eject 命令可以移除 create-react-app 创建的项目配置和构建工具。注意: 这是一个不可逆的操作。执行此操作后,您需要手动管理项目配置。

命令汇总

| 命令 | 描述 |

| --------- | -------------------------------------------------- |

| yarn start | 启动开发服务器 |

| yarn test | 运行测试 |

| yarn build | 构建生产环境可用的应用程序 |

| yarn eject | 移除 create-react-app 的项目配置和构建工具 |

zip
quiz-project6-app-2-master.zip 预估大小:27个文件
folder
quiz-project6-app-2-master 文件夹
file
.gitignore 310B
file
package.json 1KB
file
package-lock.json 573KB
folder
src 文件夹
folder
Utils 文件夹
file
Utils.tsx 93B
folder
components 文件夹
file
QCard.tsx 1KB
file
QCard.styles.ts 1KB
file
react-app-env.d.ts 40B
file
Quiz.styles.ts 1KB
folder
API 文件夹
file
Api.tsx 819B
file
logo.svg 3KB
file
setupTests.ts 255B
file
App.css 564B
file
index.css 366B
file
index.tsx 503B
file
App.test.tsx 280B
file
serviceWorker.ts 5KB
file
App.tsx 3KB
folder
public 文件夹
file
robots.txt 67B
file
logo192.png 5KB
file
index.html 2KB
file
favicon.ico 3KB
file
manifest.json 492B
file
logo512.png 9KB
file
tsconfig.json 491B
folder
.github 文件夹
folder
workflows 文件夹
file
main.yml 1KB
file
README.md 2KB
file
yarn.lock 470KB
zip 文件大小:363.64KB