---
schema_version: "1"
id: cb9cbc8dbdfdd08f36e6eaa4161ad4cba1ee26438537c807452b318b7f50c17b
title: Commerce SFDX Environment Setup
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/commerce-cloud/salesforce-commerce/guides/d2c-commerce/b2b-b2c-comm-set-up-dev-env.md
canonical_url: https://developer.salesforce.com/docs/commerce/salesforce-commerce/guide/b2b-b2c-comm-set-up-dev-env.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: b0ac7092e402b244d1af0db82317b29212e35770ae416fc0d6acaffce9735761
products:
  - B2B Commerce Developer Guide
  - Salesforce APIs
---
# Commerce SFDX Environment Setup

Salesforce recommends the Salesforce Developer Experience (SFDX) environment for building Lightning web components (LWC), and for custom tax, shipping, and payment integration packages and extensions. SFDX provides easy access to Salesforce extensions and GitHub repositories containing LWC templates and reference packages. SFDX also integrates with Salesforce CLI, the Visual Studio Code editor with the Salesforce Extension Pack, and plug-ins to quickly deploy packages and components to scratch orgs and stores.

| Required Editions                                                       |
| ----------------------------------------------------------------------- |
| Available in: **Enterprise**, **Unlimited**, and **Developer** Editions |
| Available in: B2B Commerce                                              |

## Install the SFDX CLI

The Salesforce DX (SFDX) CLI synchronizes your source code between the Salesforce orgs that you deploy to and your version control system.

Install the CLI. See [Install the Salesforce SFDX CLI](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.get_started_cli).

To confirm installation, open a command or terminal window and enter `sfdx`.

![Screenshot confirming CLI installaiton](https://developer.salesforce.com/media/d2c-commerce/confirm_sfdx_cli_install.png)

## Install the Visual Studio Code Editor

The free Visual Studio (VS) Code editor is an ideal development environment for creating, debugging, and deploying Salesforce Lightning web components and integration packages and extensions.

The free VS Code editor is open-source and optimized for cloud and web coding. The project folder combines, compiles, and displays the output of the HTML, JavaScript, and CSS files for your component.

- [Install the open source Visual Studio Code editor](https://code.visualstudio.com/download).

## Get Salesforce Extensions for VS Code Editor

The VS Code editor provides access to Salesforce extensions that support creating integration packages and custom components for B2B and B2C stores created with an LWR template. The extensions include features for working with scratch orgs, sandboxes, and DE orgs, Lightning web components (LWC), and more.

For more information, see the [Salesforce Extensions for VS Code Overview](https://developer.salesforce.com/tools/vscode/).

1.  Open the VS Code app.

2.  Navigate to **View** | **Extensions**.

3.  In the search field, enter `Salesforce`.

4.  To install the package, click **Salesforce Extension Pack** (v. 51.4.0 or later).

5.  To confirm installation in the VS Code Editor, open the Command Palette by pressing Ctrl+Shift+P (Windows) or Cmd+Shift+P (macOS) and enter `sfdx`.

Confirmation looks like this:

![Screenshot of VS Code confirming installation of extensions.](https://developer.salesforce.com/media/d2c-commerce/confirm_sfdx_extensions_install.png)

The Salesforce Extension Pack includes:

- Salesforce SFDX CLI integration for VS Code
- ESLint JavaScript integration for VS Code
- LWC for VS Code, which uses the VS Code HTML server to provide code-editing features for the LWC program model, including syntax highlighting, code completion, and file outlining

To display a list of the installed extensions, click the Extensions icon in the left navigation pane or press Ctrl+Shift+X (Windows) or Cmd+Shift+X (macOS) and scroll to view them all.

![Screenshot of VS Editor Navigator pane showing list of installed extensions.](https://developer.salesforce.com/media/d2c-commerce/display_sf_extensions.png)

For an overview, see [Salesforce Extensions for LWC](https://developer.salesforce.com/tools/vscode/en/lwc/writing)

![Screenshot of LW Components Plugin for VS Code.](https://developer.salesforce.com/media/d2c-commerce/lwc_vs_code_sf_ext.png)