Create a Lightning Application in the Force.com IDE

Render and preview your contact list in a Lightning application.
  1. In the Force.com IDE, make sure that you’re on the Markup tab of the MyContactList component.
  2. Add this markup below the handler and attribute tags that you created earlier.

    aura:iteration iterates over the list of contacts and displays their names.

  3. To save your updated component, press Ctrl+S or (Cmd+S on macOS).
  4. Select File | New | Lightning Bundle.
  5. Enter MyContactListApp in the File field.
  6. Select Lightning Application from the Type drop-down menu.
  7. Click Finish.
  8. In the Package Explorer, expand the src, aura, and MyContactListApp directories.
  9. Double-click MyContactListApp.app.
  10. In the body of MyContactListApp.app, between the <aura:application> tags, add this markup.
  11. To save your updated application, press Ctrl+S or (Cmd+S on macOS).
  12. If you’re working in Offline mode, right-click MyContactListApp.app in the Package Explorer and select Force.com | Save to Server.
  13. In your web browser, navigate to https://yourDomain.lightning.force.com/c/MyContactListApp.app. Behold, a list of the contacts in your org!