react-study-demo/README.md

76 lines
2.8 KiB
Markdown
Raw Permalink Normal View History

2024-10-25 21:06:27 +08:00
# 使用 Create React App 快速开始
2024-10-25 21:06:27 +08:00
此项目是使用 [Create React App](https://github.com/facebook/create-react-app) 初始化的。
2024-10-25 21:06:27 +08:00
## 创建项目
```shell
npx create-react-app <项目名>
```
2024-10-25 21:06:27 +08:00
## 可用脚本
在项目目录中,您可以运行:
### `npm start`
2024-10-25 21:06:27 +08:00
在开发模式下运行应用。
打开 [http://localhost:3000](http://localhost:3000) 在浏览器中查看。
2024-10-25 21:06:27 +08:00
当您进行更改时,页面将重新加载。
您还可以在控制台中看到任何 lint 错误。
### `npm test`
2024-10-25 21:06:27 +08:00
启动测试运行器的交互式监视模式。
有关更多信息,请参见[运行测试](https://facebook.github.io/create-react-app/docs/running-tests)部分。
### `npm run build`
2024-10-25 21:06:27 +08:00
将应用构建为生产模式到 `build` 文件夹。
它正确地将 React 打包到生产模式,并优化构建以获得最佳性能。
2024-10-25 21:06:27 +08:00
构建是压缩的,文件名包含哈希值。
您的应用已准备好部署!
2024-10-25 21:06:27 +08:00
有关更多信息,请参见[部署](https://facebook.github.io/create-react-app/docs/deployment)部分。
### `npm run eject`
2024-10-25 21:06:27 +08:00
**注意:这是一个单向操作。一旦您执行了 `eject`,就无法回头了!**
2024-10-25 21:06:27 +08:00
如果您对构建工具和配置选择不满意,您可以随时 `eject`。此命令将从您的项目中移除单一构建依赖项。
2024-10-25 21:06:27 +08:00
相反它将复制所有配置文件和传递依赖项webpack、Babel、ESLint 等)直接到您的项目中,以便您完全控制它们。除了 `eject` 之外的所有命令仍然有效,但它们将指向复制的脚本,以便您可以调整它们。此时您将完全自行负责。
2024-10-25 21:06:27 +08:00
您不必使用 `eject`。精选的功能集适用于小型和中型部署,您不应觉得有义务使用此功能。然而,我们理解,如果您准备好了,这个工具如果不能自定义,将不会有用。
2024-10-25 21:06:27 +08:00
## 了解更多
2024-10-25 21:06:27 +08:00
您可以在 [Create React App 文档](https://facebook.github.io/create-react-app/docs/getting-started) 中了解更多信息。
2024-10-25 21:06:27 +08:00
要学习 React请查看 [React 文档](https://reactjs.org/)。
2024-10-25 21:06:27 +08:00
### 代码分割
2024-10-25 21:06:27 +08:00
本节已移至:[代码分割](https://facebook.github.io/create-react-app/docs/code-splitting)
2024-10-25 21:06:27 +08:00
### 分析包大小
2024-10-25 21:06:27 +08:00
本节已移至:[分析包大小](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
2024-10-25 21:06:27 +08:00
### 制作渐进式 Web 应用
2024-10-25 21:06:27 +08:00
本节已移至:[渐进式 Web 应用](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
2024-10-25 21:06:27 +08:00
### 高级配置
2024-10-25 21:06:27 +08:00
本节已移至:[高级配置](https://facebook.github.io/create-react-app/docs/advanced-configuration)
2024-10-25 21:06:27 +08:00
### 部署
2024-10-25 21:06:27 +08:00
本节已移至:[部署](https://facebook.github.io/create-react-app/docs/deployment)
2024-10-25 21:06:27 +08:00
### `npm run build` 无法压缩
2024-10-25 21:06:27 +08:00
本节已移至:[`npm run build` 无法压缩](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)