# 热更新与调试

URL: https://caijiao.org/bun/project/hmr
Source: docs/bun/project/hmr.md
Description: 介绍 Bun 提供的热更新和调试功能，帮助开发者快速查看代码变化，优化开发流程，并支持高效的调试环境。

Bun 提供了内置的热更新（Hot Reload）和调试功能，帮助开发者在开发过程中即时查看代码变化和修复问题。这些功能显著提升了开发效率和体验，使得开发者可以更加高效地进行调试和优化。

## 1. 热更新（Hot Reload）

热更新是现代开发工具中的一个重要特性，能够在代码发生变化时自动刷新页面，而无需手动刷新浏览器。[Bun](/bun/) 提供了强大的热更新支持，能够即时应用代码更改，保持开发流程的流畅。

```bash
bun dev
````

通过执行 `bun dev`，Bun 会启动一个开发服务器，并启用热更新功能。每次修改代码后，浏览器会自动刷新并显示最新的内容。

## 2. 高效的编译和刷新

Bun 的编译速度非常快，它的热更新机制在修改代码时几乎没有延迟，确保开发者能够即时看到结果。Bun 采用优化的文件监视和构建机制，从而减少了刷新时间，提高了开发效率。

## 3. 调试支持

Bun 也提供了高效的调试支持。通过与浏览器的开发者工具兼容，开发者可以方便地进行断点调试、变量查看和日志输出。Bun 允许开发者使用 `--inspect` 标志启动调试模式，方便在开发过程中定位和解决问题。

```bash
bun dev --inspect
```

通过 `--inspect` 标志启动调试后，你可以在浏览器中使用开发者工具进行断点调试，查看运行时状态。

## 4. 与 IDE 集成

Bun 的调试功能可以与流行的集成开发环境（IDE）如 VS Code 无缝集成。通过配置调试任务，开发者能够在 IDE 中直接启动调试会话，进行代码检查和调试。

## 5. 自动重载配置

Bun 还提供了自动重载的配置选项，开发者可以根据需要定制哪些文件或目录会触发热更新。通过 `.bunconfig` 文件或命令行选项，开发者可以灵活控制热更新的行为。

## 总结

Bun 提供了高效的热更新和调试功能，极大地提升了开发体验。无论是通过热更新即时查看代码变更，还是使用调试功能追踪和修复问题，Bun 都能够帮助开发者更高效地进行前端开发。