Mobile Offline Developer Guide

Offline App Development with Lightning Web Components and LWC Offline
Considerations and Limitations
Offline Considerations
Use Salesforce Features While Offline
Development Tools and Processes
Set Up Your Development Environment
Validate Lightning Web Components for Offline Use
Develop Offline-Ready LWCs with the LWC Offline Test Harness
Customize the Offline Experience for the Salesforce Mobile App
Quick Start Tutorials
PDF

Newer Version Available

This content describes an older version of this product. View Latest

Set Up Your Development Environment

Before you can create your first Lightning web component (LWC), or test a LWC in a mobile app, you must set up your development environment for mobile components.
The complete development environment for building Lightning web components for offline-enabled apps includes the following elements.
  • Salesforce CLI (SFDX)
  • Visual Studio Code (VS Code)Salesforce Extensions for VS Code
  • Android Studio and a virtual device emulator
  • Apple Xcode and a virtual device simulator
  • Salesforce Mobile Extensions
  • A virtual device build for the relevant mobile app

Don’t let Android Studio or Xcode intimidate you. You only need to use it to provision a device emulator (Android) or simulator (iOS). You don’t need both Android Studio and Xcode. If you want both, great. If not, pick the one you’re most comfortable with.

Note

While you can eventually choose to replace or add tools to this list, start with these and add to them as you become more experienced.

The Develop a Lightning Web Component Quick Action quick start provides hands-on instructions for setting up your development environment, and also for creating, deploying, and running your first LWC.

We recommend the following installation sequence. See the links for more detailed instructions than those in the tutorial.