# hello-react

**Repository Path**: yjr-start/hello-react

## Basic Information

- **Project Name**: hello-react
- **Description**: 一个用于React入门学习的小项目，每个小知识点都对应一个示例代码，这些例子主要来自官网，也有在其他地方学习到然后添加进来的。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-14
- **Last Updated**: 2026-01-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Hello React

一个使用Create React App创建的React项目。

## 项目简介

一个用于React入门学习的小项目，每个小知识点都对应一个示例代码，这些例子主要来自官网，也有在其他地方学习到然后添加进来的

## 技术栈

- React 19.2.1
- React DOM 19.2.1
- Create React App 5.0.1

## 可用脚本

在项目目录中，你可以运行：

### `npm start`

在开发模式下运行应用。\
在浏览器中打开 [http://localhost:3000](http://localhost:3000) 查看应用。

当你修改代码时，页面会自动重新加载。你可以在控制台中看到任何lint错误。

### `npm test`

在交互式监视模式下启动测试运行器。\
有关更多信息，请参阅[运行测试](https://facebook.github.io/create-react-app/docs/running-tests)部分。

### `npm run build`

为生产环境构建应用，构建文件将保存到 `build` 文件夹。\
它会在生产模式下正确打包React，并优化构建以获得最佳性能。

构建后的文件会被压缩，文件名包含哈希值。你的应用已准备好部署！

有关更多信息，请参阅[部署](https://facebook.github.io/create-react-app/docs/deployment)部分。

### `npm run eject`

**注意：这是一个单向操作。一旦你 `eject`，就无法返回！**

如果你对构建工具和配置选择不满意，你可以随时 `eject`。此命令将从项目中删除单个构建依赖项。

相反，它会将所有配置文件和传递依赖项（webpack、Babel、ESLint等）复制到你的项目中，以便你可以完全控制它们。除了 `eject` 之外的所有命令仍然可以工作，但它们将指向复制的脚本，因此你可以调整它们。此时你需要自己负责。

你不必使用 `eject`。精心策划的功能集适用于中小型部署，你不应该觉得有义务使用此功能。但是，我们理解如果你准备好自定义它，这个工具将毫无用处。

## 调试配置

项目已配置Chrome浏览器调试，使用VS Code进行断点调试。

### 调试步骤

1. 在VS Code中打开项目
2. 在代码中设置断点（例如在 `src/App.js` 中）
3. 按 `F5` 或点击调试按钮
4. VS Code会自动启动React开发服务器和Chrome浏览器
5. 断点会被触发，可以开始调试

### 调试配置文件

- `.vscode/launch.json` - Chrome调试配置
- `.vscode/tasks.json` - 预启动任务配置

## 项目结构

```
hello-react/
├── .vscode/           # VS Code配置文件
│   ├── launch.json    # 调试配置
│   └── tasks.json     # 任务配置
├── public/            # 公共资源
│   ├── favicon.ico
│   ├── index.html
│   └── ...
├── src/               # 源代码
│   ├── App.js         # 主应用组件
│   ├── App.css        # 应用样式
│   ├── index.js       # 应用入口
│   └── ...
├── package.json       # 项目依赖和脚本
└── README.md          # 项目说明
```

## 学习资源

你可以在[Create React App文档](https://facebook.github.io/create-react-app/docs/getting-started)中了解更多信息。

要学习React，请查看[React文档](https://reactjs.org/)。

## 许可证

MIT