Intellij SFCC is a Visual Studio Code extension for Salesforce B2C Commerce (Salesforce Commerce Cloud).
Use it to edit ISML templates, navigate the dw.* Script API, manage cartridges, deploy to sandboxes,
and debug server-side code from your editor.
Start with the VS Code installation guide, or explore the SFCC plugin features before setting up your project.
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
- SFCC docs in the editor - indexed B2C Commerce docs search, endpoint lookup, and focused quick-doc previews
- 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.105 or later. We recommend using the latest stable release.
Quick Start
Install and sign in
Follow Installation to install the approved .vsix package, sign in to your Intellij SFCC account, and check your license.
Open your project and add credentials
Open the project root, then create or link your credentials file. Your sandbox account is separate from your plugin account.
Connect and verify the sandbox
Follow Configuration to create a connection in the plugin's Explorer panel, select the code version, and verify a remote folder listing before uploading.
Try your first development task
Open a script or ISML template and try completion. Continue to Cartridge Management when you are ready to upload a change.
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
Sign in, refresh your license, and resolve account access issues in the VS Code extension
Explore Features
Debugging
Integrated script debugger for SFCC in VS Code
Upload and Auto Upload
Upload SFCC cartridge code to the active sandbox and synchronize saved changes from 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
| Where to look | What you will find |
|---|---|
| Intellij SFCC in the Activity Bar | Explorer connections, Credentials, SFCC Docs, B2C MCP, Log Center streaming controls, Hooks, Custom API, Steptypes, and your account. |
| VS Code's file Explorer | Cartridges and Overrides alongside your source files. |
| Status Bar | Active connection, code version, site scope, and auto-upload controls. |
| Command Palette | Type Intellij SFCC to find extension commands. |