阅读完本节后，你将会收获：
- 理解代码的三种运行模式
- 掌握 package.json 的作用
- 了解热重载和缓存机制
- 避免常见的运行环境错误
代码有三种"生命状态"：Dev（开发）、Build（构建）、Production（生产）。理解它们的区别，是避免"改了代码没效果"这类困惑的关键。
在 Dev 模式下，保存文件后浏览器会自动更新。这叫热重载（Hot Reload）。
开发工具在后台监听文件变化，检测到修改后自动刷新浏览器或只更新改动的部分。这让你不需要每次手动刷新。
但在 Build 或 Production 模式下，代码已经打包，没有监听机制，修改后需要重新构建。
构建完成后，会在 .next（Next.js）或 dist（Vite）文件夹生成产物。
但你不能直接双击打开这些文件。Next.js 本质上是运行在 Node.js 上的程序，需要服务器环境支持——连接数据库、处理 API 请求、服务端渲染页面。
即使纯静态项目（Vite 打包），通常也不能直接双击打开。现代应用使用绝对路径引用资源，双击打开使用 file:// 协议会导致浏览器找不到资源。
永远通过 Web 服务器访问应用：
pnpm startpnpm preview不要直接双击构建后的文件。
理解了代码运行的三种状态，接下来了解技术栈选择的决策框架。