Preview a Lightning Experience app locally and in real-time, without deploying it.
Use Local Dev (Beta) to see local changes to your app in a real-time preview that you don't have to deploy or manually refresh. To let you quickly iterate on your Lightning web components (LWCs) and pages, your app preview automatically refreshes when Local Dev detects source code changes.
When you edit these local files with Local Dev enabled, your org automatically reflects these changes.
- Basic HTML and CSS edits to LWCs
- JavaScript changes to LWCs that don't affect the component's public API
- Importing new custom LWCs
- Importing another instance of an existing LWC
To apply any other local changes not listed above, you must deploy them to your org using the sf project deploy start command.
When you make changes directly in your org (like saving new component properties), they're automatically deployed to your live app. To update your local version of the app with those changes, you must retrieve them from your org using the sf project retrieve start command.
To learn more about Local Dev enablement, considerations, and limitations, see the Lightning Web Components Developer Guide.
Name of the Lightning Experience app to preview.
Type of device to display the app preview.
ID of the mobile device to display the preview if device type is set to ios or android. The default value is the ID of the first available mobile device.
Unable to determine App Id for %s
Unable to find device %s
Google Play devices are not supported. %s is a Google Play device. Please use a Google APIs device instead.
Booting device %s
Generating self-signed certificate
Installing self-signed certificate
Installing app %s
Extracting archive
Preparing to download
Downloading
Note: Your desktop browser requires additional configuration to trust the local development server. See the documentation for more details.
%s isn't installed on your device.
%s isn't installed on your device. Do you want to download and install it?
- Preview the default app for the target org "myOrg" in a desktop environment: <%= config.bin %> <%= command.id %> --target-org myOrg
- Preview the app "myApp" for the target org "myOrg" in a desktop environment: <%= config.bin %> <%= command.id %> --name MyApp --target-org myOrg --device-type desktop
- Preview the default app for target org "myOrg" on an iOS device: <%= config.bin %> <%= command.id %> --target-org myOrg --device-type ios --device-id "iPhone 15 Pro Max"