Tool

Build and deploy Salesforce apps in VS Code

Official Salesforce DX extension family for VS Code - Apex, LWC, Aura, Visualforce, SOQL builder, debugging, and AI dev assistance.

Works with salesforcevscodeapexsoqllightning

90
Spark score
out of 100
Updated 10 days ago
Source checked Sep 10, 2026
Version playwright-vscode-ex

Add to Favorites

Why it matters

Develop, test, and deploy Salesforce applications efficiently using Visual Studio Code with integrated tooling for Apex, Lightning Web Components, Visualforce, and SOQL. The extension pack provides syntax highlighting, code completion, debugging, AI-assisted development, and direct CLI integration for the complete Salesforce DX workflow.

Outcomes

What it gets done

01

Write Apex code with syntax highlighting, autocomplete, and language server support

02

Debug Apex execution by replaying debug logs directly in the editor

03

Build SOQL queries visually and export results to CSV or JSON files

04

Preview Lightning Web Components in real-time with automatic updates on save

Source

Get it from source

Spark does not host a copy of it.

Open source

Reports

Agent outcome reports

No reports yet

Overview

Salesforcedx Vscode

Salesforce Extensions for VS Code is the official Salesforce DX extension family, covering Apex and LWC development, Aura and Visualforce editing, a visual SOQL builder, static code analysis, and Einstein GPT AI assistance. Use it when developing on the Salesforce platform in VS Code and wanting integrated CLI, debugging, and AI-assisted coding tools rather than separate extensions.

What it does

Salesforce Extensions for VS Code is the official source for the Salesforce DX extension family: an installer pack (salesforcedx-vscode) that pulls in core CLI integration, Apex language support and replay debugging, Aura/Lightning and Visualforce editing, a visual SOQL query builder, Salesforce Lightning Design System tooling, generative-AI dev assistance (Einstein GPT), static code analysis, a live Lightning Web Component preview, and a metadata relationship visualizer.

When to use - and when NOT to

Use it when developing Salesforce Apex, Lightning Web Components, Aura components, or Visualforce pages in VS Code and you want CLI integration, debugging, and AI-assisted coding in one place rather than assembling separate extensions and manually shelling out to the Salesforce CLI. It is specific to Salesforce DX development; teams not building on the Salesforce platform have no use for it.

Inputs and outputs

Install the top-level salesforcedx-vscode extension pack from the VS Code Marketplace to get all extensions at once, or install individual ones - -core, -apex, -apex-replay-debugger, -lightning, -visualforce, -soql, -slds, -einstein-gpt, sfdx-code-analyzer-vscode, -ui-preview, -metadata-visualizer-vscode - separately depending on what you need. Each extension interacts with the Salesforce CLI or platform-specific language servers, the Apex Language Server or VS Code's HTML language server for Aura/Visualforce, and reads/writes standard Salesforce project files, Apex debug logs, and metadata.

Integrations

The Salesforce CLI, the Apex Language Server, VS Code's built-in HTML language server, ESLint and Apex PMD, now folded into the v5 Code Analyzer extension that statically analyzes both Apex and JavaScript for problems, Salesforce Lightning Design System tokens (code completion, syntax highlighting, and validation for recommended tokens and utility classes), and Einstein GPT generative-AI capabilities for Apex/LWC autocompletion, documentation, and test generation. The SOQL extension provides a form-based visual query builder that shows results as you build and exports them to CSV or JSON, prompting for a name and folder when the query isn't already a file on disk. The UI Preview extension renders Lightning Web Components directly in VS Code with automatic updates on save, and the Metadata Visualizer extension diagrams Salesforce metadata relationships in real time, including metadata generated by AI tools like Agentforce Vibes. TypeScript is now fully supported for creating and developing Lightning Web Components end to end.

Who it's for

Salesforce developers working in VS Code who want integrated Apex, LWC, Aura, and Visualforce editing, debugging, static analysis, metadata visualization, and AI-assisted coding without switching between separate tools.

Source README

Salesforce Extensions for VS Code

Dev Dependencies
Commitizen friendly

Introduction

This repository contains the source code for Salesforce Extensions for VS Code: the Visual Studio Code (VS Code) extensions for Salesforce DX.

Currently, we have the following extensions:

  • salesforcedx-vscode
    A top-level extension pack that automatically installs the following extensions for you.
  • salesforcedx-vscode-core
    This extension interacts with the Salesforce CLI to provide basic Salesforce DX functionality.
  • salesforcedx-vscode-apex
    This extension uses the Apex Language Server to provide features such as syntax highlighting and code completion.
  • salesforcedx-vscode-apex-replay-debugger
    This extension enables VS Code to replay Apex execution from Apex debug logs.
  • salesforcedx-vscode-lightning
    This extension supports Aura component bundles. It uses the HTML language server from VS Code.
  • salesforcedx-vscode-visualforce
    This extension supports Visualforce pages and components. It uses the HTML language server from VS Code.
  • salesforcedx-vscode-soql
    This extension enables you to interactively build a SOQL query via a form-based visual editor, view the query as you build, and save query results to a .csv or .json file. If the query is not a file on disk, export prompts for a name and folder like SFDX: Create Query in SOQL Builder.
  • salesforcedx-vscode-slds This extension simplifies working with the Salesforce Lightning Design System (SLDS). It provides code completion, syntax highlighting, and validation with recommended tokens and utility classes.
  • salesforcedx-einstein-gpt This extension uses generative AI to make Salesforce development in Visual Studio Code richer with features such as a Dev Assistant that helps with writing, documenting, and understanding code. It also provides inline autocompletion, and test case generation for Apex and LWC code.
  • sfdx-code-analyzer-vscode This extension scans your code using multiple rule engines to produce lists of violations that you can use to improve your code. v5 also includes all the functionality of the ESLint and Apex PMD extensions. Now, the Salesforce Code Analyzer extension statically analyzes both your Apex and JavaScript code to quickly find problems.
  • salesforcedx-vscode-ui-preview This extension enables you to preview Lightning Web Components directly within VS Code with automatic updates on save, allowing you to iterate quickly without deploying code.
  • salesforcedx-metadata-visualizer-vscode This extension creates visual diagrams of Salesforce metadata in real-time, making it easier to understand its structure and relationships compared to reviewing raw metadata files. You can visualize metadata generated by AI using Agentforce Vibes or from your SFDX project enabling you to easily understand and analyze code.

Be an Efficient Salesforce Developer with VS Code

Dreamforce 2018 session on how to use Visual Studio Code and Salesforce Extensions for VS Code:

Getting Started

If you are interested in contributing, please take a look at the CONTRIBUTING guide.

If you are interested in building the extensions locally, please take a look at the developing doc.

You can find more information about using the Salesforce Extensions for VS Code in the public documentation. If the docs don't cover what you are looking for, please feel free to open an issue.

For information about using the extensions, consult the README.md file for each package.

TypeScript Support for Lightning Web Components

Salesforce Extensions now fully support creating and developing Lightning Web Components using TypeScript. For details, see the TypeScript LWC Support Guide.

Project Governance & Support

For questions, issues, or support, please open an issue in this repository or refer to the documentation above.

FAQ

Common questions

Discussion

Questions & comments · 0

Sign In Sign in to leave a comment.