Build and deploy Salesforce apps in VS Code
Salesforce Extensions for VS Code bundle Apex, LWC, Aura, Visualforce, SOQL, and AI-assisted Salesforce DX tooling.
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
Write Apex code with syntax highlighting, autocomplete, and language server support
Debug Apex execution by replaying debug logs directly in the editor
Build SOQL queries visually and export results to CSV or JSON files
Preview Lightning Web Components in real-time with automatic updates on save
Install
Add it to your toolbox
Run in your project directory:
curl -fsSL https://spark.entire.vc/get/forcedotcom-salesforcedx-vscode | bash Overview
Salesforcedx Vscode
Salesforce Extensions for VS Code bundles Apex, Aura, Visualforce, SOQL, and Lightning Web Component language support, debugging, static analysis, and AI-assisted coding for Salesforce DX. Use it when developing Salesforce applications in VS Code and wanting Salesforce-specific language support, debugging, and CLI integration.
What it does
Salesforce Extensions for VS Code is a collection of official VS Code extensions for Salesforce DX development, distributed as a top-level extension pack (salesforcedx-vscode) that auto-installs the rest: core Salesforce CLI integration, an Apex language server for syntax highlighting and code completion, an Apex replay debugger that steps through Apex debug logs, Aura and Visualforce language support built on VS Code's HTML language server, an interactive form-based SOQL query builder, and a Salesforce Lightning Design System (SLDS) completion and validation extension.
When to use - and when NOT to
Use it when developing Salesforce applications - Apex, Lightning Web Components, Aura, Visualforce, or SOQL - inside VS Code and wanting Salesforce-specific language support, debugging, and CLI integration rather than plain-text editing. It is specifically for the Salesforce DX toolchain; TypeScript is now fully supported for building and developing Lightning Web Components alongside the standard JavaScript workflow.
Inputs and outputs
Input: a Salesforce DX project opened in VS Code. Output: language-server-backed editing (syntax highlighting, completion, validation) across Apex, Aura, Visualforce, SLDS, and SOQL; SOQL query results exportable to .csv or .json; Apex debug-log replay for stepping through past executions; and real-time visual diagrams of Salesforce metadata structure and relationships via salesforcedx-metadata-visualizer-vscode, including metadata generated by AI through Agentforce Vibes.
Integrations
Bundles salesforcedx-einstein-gpt for generative-AI-assisted development - a Dev Assistant for writing, documenting, and understanding code, inline autocompletion, and Apex/LWC test case generation - sfdx-code-analyzer-vscode for multi-rule-engine static analysis of Apex and JavaScript (v5 folds in the former ESLint and Apex PMD extensions), and salesforcedx-vscode-ui-preview for live-updating LWC previews inside the editor without a deploy step. Each extension is also independently listed on the VS Code Marketplace (salesforcedx-vscode-core, -apex, -apex-replay-debugger, -lightning, -visualforce, -soql, -slds, and the rest), so a team can install only the pieces it needs instead of the full pack.
Who it's for
Salesforce developers who want the full DX toolchain - Apex, LWC, Aura, Visualforce, SOQL, metadata visualization, static analysis, and AI-assisted coding - integrated directly into VS Code rather than assembled from separate tools. Licensed under BSD-3-Clause.
The project also maintains a public getting-started path beyond the extensions themselves: a CONTRIBUTING guide and a developing doc for anyone building the extensions locally, full public documentation for day-to-day usage, and a dedicated guide for the newer TypeScript-based Lightning Web Component workflow, alongside a published Code of Conduct and security policy for the repository.
Source README
Salesforce Extensions for VS Code
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.
Discussion
Questions & comments · 0
Sign In Sign in to leave a comment.