Invoke code completion with Ctrl+Space when you’re working with Aura markup. View additional information about tag names and attributes directly in the editor.
- Note: If you have any Lightning Web Components in your workspace, those components will also appear in the list of suggested completions. The Lightning Web Component suggestions will be displayed with the proper Aura syntax.
View Component Documentation on Hover
Hovering over a component name or attribute shows component documentation in the editor, as well as links to the Component Library. You can see reference documentation for Aura components and Lightning web components nested within Aura components.
Here’s reference documentation for the
View or Jump to Definitions
You can preview, view, or go to definitions of:
- Aura Tags
- LWC Tags
To preview a definition, hold down Ctrl (Windows or Linux) or Cmd (macOS) and hover over the item whose definition you want to see.
To view a definition, right-click the item and select Peek Definition, or press Alt+F12.
To jump to the location of a definition, right-click the item and select Go to Definition, or press F12.
Lightning Explorer (Beta)
NOTICE: This feature is currently in beta. If you find any bugs or have feedback, open a GitHub issue.
Lightning Explorer lets you view reference documentation for both Aura components and Lightning web components. To enable it, go to Preferences > Settings. Enter
lightning explorer in the search bar. Then, click the checkbox next to salesforcedx-vscode-lightning:Show Lightning Explorer.
To use Lightning Explorer, click the lightning bolt icon on the left hand side of the screen. Click a namespace to see all of the available components. Lightning web components and Aura have different lightning icons.
Under the c namespace, we’ve selected the Lightning web component
c-wire-get-object-info. When you click on the name of the component, its corresponding file shows up in the main code panel.
Here’s the Aura component
force:inputField. The blue icon to the right of the component name opens your browser to the component reference in the Component Library.
Your custom Aura components and documentation are also available in the Aura Components extension. To learn more about writing documentation for your Aura components, see the Lightning Aura Components Developer Guide.