Lightning App & Experience Sites Live Preview

DEX475 - Live Preview, Mobile Dev, Deployment & Best Practices

📄 第 21 页 🎬 视频课程

课程章节介绍

各位同学,我们来看一下 Lightning App 的实时预览功能。这个工具可以让你在开发的时候,同时看到桌面和移动设备上的效果,非常方便。 如果你想在移动端预览,就需要用到模拟器。先说 iOS,这个只能在 Mac 上操作。你需要先安装 Xcode,然后在 Xcode 里把 iPhone 模拟器下载下来。至于 Android 模拟器,不管你是用 Mac 还是 Windows,都要安装 Android Studio,在里面配好安卓虚拟设备。当你用 CLI 启动实时预览时,它会很贴心地自动提示你,要不要在模拟器上安装 Salesforce 移动应用,你跟着提示走就行,很快就能在模拟器里看到真实的移动界面了。 再来说说体验网站的实时预览。它基于你发布的 LWR 网站,直接生成一份静态捆绑包来展示预览。如果你在体验生成器里做了修改,想立刻看到最新效果,记得在命令后面加上 --get-latest 来刷新缓存。还有一点要特别提醒大家,从 26 年春季版本开始,那个 --ssr 标志已经不再支持了,后面再用它就无效了,千万别写错了。 最后一个小建议:每次跑实时预览命令之前,一定先执行一下 sf update,确保你的 CLI 是最新版本,免得版本不匹配出问题。好了,关于 Live Preview 的重点就是这些,大家自己动手试试吧!

关键词

LWC Lightning Web Components Salesforce