OOTB39: Setting Up Visual Studio Code for Salesforce Development 2026 (Step-by-Step Guide)
In this video, we walk through how to set up Visual Studio Code for Salesforce development from scratch. This step-by-step guide covers installation, configuration, org connection, and deployment so you can start building Apex, Lightning Web Components, etc with confidence.
This tutorial is ideal for beginners and developers new to Salesforce DX, as well as anyone switching machines or setting up a fresh environment.
=====================
Phase 1: Installation and Environment Setup
Step 1: Install Visual Studio Code
Download and install Visual Studio Code for your operating system (Windows, Mac, or Linux) from the official website.
Link: https://code.visualstudio.com/download
Step 2: Install Salesforce CLI
Download and install the Salesforce CLI from the Salesforce Developer portal.
The CLI is required to run Salesforce commands inside VS Code.
Link: https://developer.salesforce.com/tool...
Step 3: Verify Salesforce CLI Installation
Open a terminal or command prompt and verify the installation by running:
sf --version
If a version number appears, the installation was successful.
Step 4: Configure Path
If the system does not recognize the sf command, manually add the path to Java.home in the VS code settings or the Salesforce CLI bin folder in your system’s Environment Variables.
This ensures the CLI can be accessed from any directory.
=====================
Phase 2: Visual Studio Code Configuration
Step 5: Install Salesforce Extension Pack Expanded
In VS Code, open the Extensions view and install Salesforce Extension Pack Expanded.
This extension bundle provides support for Apex, Lightning Web Components, and Salesforce metadata.
Step 6: Create a Salesforce Project
Open the Command Palette (Ctrl + Shift + P) and select:
SFDX: Create Project with Manifest
Choose the Standard template, provide a project name, and select a local folder to store the project.
=====================
Phase 3: Connecting to a Salesforce Org
Step 7: Authorize a Salesforce Org
From the Command Palette, select SFDX: Authorize an Org.
Choose the login URL (Production or Sandbox), assign an alias, and log in through the browser to complete authorization.
Step 8: Retrieve Metadata Using Org Browser
Use the Org Browser to retrieve existing Salesforce metadata and bring your current code into VS Code.
=====================
Phase 4: Development and Deployment
Step 9: Enable Deploy on Save
To improve productivity, open VS Code Settings and enable Deploy on Save.
With this setting turned on, files are automatically deployed to Salesforce when saved.
Step 10: Create and Deploy New Components
Use the Command Palette to create new components such as Apex Classes.
After writing your code, right-click the file and select SFDX: Deploy Source to Org to deploy changes.
This video gives you a complete Salesforce VS Code setup, from installation to deployment, using best practices.
TIMESTAMPS:
00:00 – Introduction & Overview
01:05 – Installing Visual Studio Code
02:10 – Installing Salesforce CLI
04:10 – Verifying Salesforce CLI Installation
05:10 – Configuring Path
07:10 – Installing Salesforce Extension Pack Expanded
11:10 – Creating a Salesforce Project
13:50 – Authorizing a Salesforce Org
17:20 – Retrieving Metadata via Org Browser
20:30 – Enabling Deploy on Save
21:25 – Creating and Deploying New Components
===========================
Playlists:
SALESFORCE FLOWS PLAYLIST:
• FLOWS
OMNISTUDIO PLAYLIST:
• BUSINESS RULES ENGINE || OMNISTUDIO
SALESFORCE OUT OF THE BOX PLAYLIST:
• SALESFORCE OUT OF THE BOX
SALESFORCE APEX TRIGGERS PLAYLIST:
• APEX TRIGGERS
SALESFORCE AGENTSTUDIO PLAYLIST:
• AGENTSTUDIO
SALESFORCE DATA CLOUD PLAYLIST:
• DATA CLOUD
===========================
FOLLOW ME ON:
Instagram: / caminos_infinitos_26
LinkedIn: / linkedin.com/in/pariplab-pal-077554160
@SalesforceAIChampions
@pariplabpal
===========================
#salesforce
#vscode
#salesforcedevelopment
#salesforcecli
#apex
#lwc
#developerworkflow
#omnistudio