Get Started with Visual Studio Code

Learning Objectives 

In this project, you’ll:

  • Learn what an integrated development environment (IDE) is.
  • Learn how to locally develop Salesforce code.
  • Use Salesforce Extensions for Visual Studio Code and Salesforce CLI to communicate with your org.

Introduction

As a developer, it’s important to have the best tools to get your job done. In the past Salesforce has offered many, each one providing something that was missing from those in the marketplace. This quick start helps familiarize you with our next step toward amazing developer tools, Salesforce Extensions with Visual Studio Code!

First, What’s an IDE?

An IDE, or integrated development environment, typically consists of a code editor, build automation tools, a debugger, and intelligent code completion. Visual Studio Code provides these.

Let’s Install Visual Studio Code

You can install Visual Studio Code on any computer running macOS, Windows, or Linux. The system requirements are fairly small so it should run on just about any machine.

  1. 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.
  2. Launch Visual Studio Code.

Get Familiar with the Interface

The welcome page from Visual Studio Code.

The welcome page for Visual Studio Code automatically opens the first time you run the application. This page has many shortcut links, such as getting started with a new file, learning about Visual Studio Code, or even customizing the interface according to your preferences. 

  1. Under Learn, click Interface Overview to view a visual overview of the different features of Visual Studio Code. The Interface Overview overlay highlights key navigation in the VS IDE.This overlay helps you visualize all the things Visual Studio Code is capable of. The bottom bar shows your current errors, warnings, and notifications. It also lets you toggle the integrated terminal.
    On the left side of the editor you can check out the file explorer, search files, manage your source code, launch or debug your code, and manage extensions. (In a future step we also install a few extensions to help us with our development.) Finally, there is a menu that allows you to run commands within the editor, another section we explore soon!
  2. Click anywhere on the screen to dismiss the visual overlay.
  3. Under Start click New file.
  4. In this space we can just start typing. Add the text Hello World to line 1. An Untitled document with Hello World in the first line of code.
  5. Close the file without saving.
Note

Note

Since you haven’t saved your code yet, Visual Studio Code won’t highlight anything.

We won't check any of your setup. Click Verify Step to go to the next step in the project.

retargeting