Add the Component to an App in Lightning Experience

We can log in directly to our Dev org via the standard Salesforce URL (login.salesforce.com), or launch the Dev org directly from VSCode. These are the steps:

  1. Open the Command Palette, then type SFDX.
  2. Select SFDX: Open Default Org.
  3. From the App Launcher, select Sales.
  4. Click the gear icon then click on Edit Page.
  5. Find and drag the helloWorld LWC from the Custom section in the left column to the body of the page.

We did the above steps and added the helloWorld LWC to a page we use to test and demo new LWCs to customers.

  1. Click Save, then click Activate.
  2. Click Assign as Org Default
  3. Click Save, then click Save again.
  4. Click Back to return to the Home page.
  5. Refresh the page to see the new component in action!

Summary