VS Code
Intellij SFCC extension for Visual Studio Code
Intellij SFCC brings powerful Salesforce Commerce Cloud development tools to Visual Studio Code - the world's most popular code editor.
Why VS Code?
The VS Code extension delivers a lightweight yet powerful SFCC development experience:
- Fast and lightweight - optimized for VS Code's architecture with minimal resource usage
- SFCC language server - full
dw.*code intelligence for JavaScript, TypeScript, and Digital Script (.ds) with zero configuration - ISML language support - completion, navigation, diagnostics, and full scripting intelligence inside
${ … }and<isscript>blocks - Script intelligence - DW API completions, cartridge-aware require resolution, and hook navigation
- Cartridge management - visual cartridge path overlay and one-click upload
- Integrated connections - manage multiple sandbox connections from the sidebar
- Log streaming - real-time log tailing with filtering and search
The VS Code extension requires VS Code 1.85 or later. We recommend using the latest stable release.
Quick Start
Install the Extension Open VS Code, go to the Extensions panel (Ctrl+Shift+X), search for **Intellij
SFCC**, and click Install.
Add a Connection Open the Intellij SFCC sidebar panel and click Add Connection. Enter your sandbox
hostname, username, and password.
Open Your Project Open your SFCC project folder. The extension automatically detects your dw.json and
cartridge structure.
Start Developing Enjoy intelligent code completion, ISML support, and use the command palette
(Ctrl+Shift+P) for all Intellij SFCC commands.
Explore AI
SFCC MCP
Connect AI agents to Intellij SFCC project, sandbox, logs, WebDAV, and diagnostics context
B2C MCP Panel
Manage the local SFCC MCP server, agent profiles, client configs, skills, and tool guidance
Explore Views & Editors
Connections
Manage multiple SFCC sandbox connections in VS Code
Credentials Panel
One encrypted credentials file for accounts, access keys, and API clients, shared across every workspace
Cartridges & Overrides
Explorer-side cartridge and override trees in VS Code
Hooks, Custom API & Steptypes
Indexed SFCC extension point panels in the VS Code sidebar
Logs Streaming
Watch remote SFCC logs and open Log Center workflows from VS Code
Custom Editors
Pipeline XML, log file, and resource bundle editors in VS Code
Account Panel
Manage Intellij SFCC account, license, trial, and plugin access state in VS Code
Explore Features
Debugging
Integrated script debugger for SFCC in VS Code
XML Validation
Validate SFCC metadata and B2C XML from VS Code before committing or uploading
Explore Scripting LSP
Code intelligence for SFCC server-side scripts - JavaScript, TypeScript, and Digital Script (.ds).
Zero Configuration
How Intellij SFCC delivers full code intelligence with no tsconfig, jsconfig, npm install, or type packages
TypeScript
Build entire SFCC cartridges in TypeScript - full IntelliSense and debugging out of the box, with zero configuration
Digital Script (.ds)
Develop legacy Digital Script (.ds) with JavaScript-level intelligence, importScript/importPackage/importClass scope analysis, and zero configuration.
Types & the dw API
The complete dw.* API is typed out of the box, and your own metadata becomes TypeScript types automatically
Module Resolution
How SFCC require() paths, cartridge overrides, module.superModule, and resource requires resolve and get typed
Code Completion
Context-aware autocomplete for the dw.* API, require paths, hooks, routes, templates, resource keys, and more
Navigation & Symbols
Go to definition, find all references, and symbol search across cartridges, hooks, routes, templates, and properties
Hover & Signature Help
Inline API documentation on hover and live parameter hints while you call functions
Diagnostics & Quick Fixes
Real-time, type-aware error checking for SFCC scripts, plus SFCC-specific warnings, quick fixes, and refactorings
Explore ISML LSP
Language support for ISML templates, including full scripting intelligence inside ${ … } expressions and <isscript> blocks.
Scripting in ISML
Use full SFCC server-side scripting intelligence inside ISML expressions and isscript blocks, including dw.* types, pdict, loop variables, and importScript.
ISML Completion
Tag, attribute, attribute-value, template-path, custom-tag, and expression completion inside ISML templates
Custom Tags & Modules
How ismodule custom tags are discovered, completed, and navigated - and how to configure which files define them
Navigation
Jump from template paths and custom tags to their files, hover ISML tags for docs, and outline a template's structure and variables
Diagnostics
Template well-formedness checking and script-aware error reporting inside ISML - and the setting that toggles ISML linting
Formatting
Format ISML templates with a tag-aware indentation formatter (or legacy JS-Beautify), configurable via dedicated settings
Extension at a Glance
The extension adds several UI elements to VS Code: