Live Preview — Overview & Setup

同学们，我们今天来看看 LWC 开发中一个特别方便的功能——实时预览。 简单说，它就是：你只要在编辑器里保存代码，浏览器就会自动刷新，让你立刻看到效果，省去了手动刷新的麻烦。这个功能以前叫 Local Dev，在 Spring '26 版本里正式改名为 Live Preview，所以你可能会在旧资料里见到老名字，它们其实是一回事。 它给我们提供了四种预览工具： - 第一种是 Lightning App 预览，你可以用 `sf lightning dev app` 命令启动，用来预览整个 Lightning 应用程序，甚至还能模拟手机上的显示效果； - 第二种是体验站点预览，用 `sf lightning dev site` 命令，专门针对 LWR 站点，也就是体验云的站点； - 第三种是单组件预览，用 `sf lightning dev component` 命令，它可以单独测试一个组件，不依赖整个应用，非常适合做隔离调试； - 第四种是 VS Code 扩展，可以直接在你写代码的编辑器里内嵌预览，不用来回切换窗口。 安装和开启也很简单：首先你要确保安装了 Salesforce CLI，然后直接运行任意一个 Live Preview 命令，比如 `sf lightning dev app`，系统会弹出一个提示问你是否启用这个功能，你只要确认一下就行。 最后注意一点：这个功能虽然在所有组织类型里都能用，但强烈建议只在沙箱或者临时的开发组织里使用，避免误操作影响到正式的生产环境。 好了，有了实时预览，咱们开发组件就能边写边看，反馈立马到位，效率自然就上去了。