Set Up Visual Studio Code
Follow Along with Trail Together
Want to follow along with an expert as you work through this step? Take a look at this video, part of the Trail Together series on Trailhead Live.
(This clip starts at the 7:04 minute mark, in case you want to rewind and watch the beginning of the step again.)
Install Salesforce Extensions for Visual Studio Code
Visual Studio Code is the go-to code editor for Salesforce developers. It's free, open-source, and available for Windows, Linux, and macOS. This editor has easy-to-install extensions for syntax highlighting, code completion, and more.
In this project, we install Visual Studio Code and the recommended Salesforce Extension Pack.
- Download and install the latest version of Visual Studio Code for your operating system. If you already have Visual Studio Code installed, there's no need to reinstall it.
- Launch Visual Studio Code.
- On the left toolbar, click the Extensions icon .
- Search for
Salesforce Extension Pack
and click Install.
Ensure Your Development Environment Is Ready
Now that you've installed Visual Studio Code and enabled the necessary extensions, you need to test them out.
- In Visual Studio Code, open the Command Palette by pressing Ctrl+Shift+P (Windows) or Cmd+Shift+P (macOS).
- Enter
sfdx
to filter for commands provided by the Salesforce Extensions. As you use more SFDX commands, those commands will show up in therecently used
panel.
In the final step, you create your first Lightning web component and add it to your org's home page.
We won't check any of your setup. Click Verify Step to go to the next step in the project.