Let’s Develop with Salesforce Commerce Cloud — Part 1: Setting Up Your Development Environment
Tags: salesforce, eclipse, salesforcedevelopme
Published: 2020-01-26 19:12:23

---
title: Let’s Develop with Salesforce Commerce Cloud — Part 1: Setting Up Your Development Environment
published: true
date: 2018-04-26 13:24:01 UTC
tags: salesforce,eclipse,salesforce-developme
canonical_url: 
---

![](https://cdn-images-1.medium.com/max/1024/1*ZQC-3_5tfCIDjPteKi40yw.jpeg)<figcaption>Thanks <a href="https://unsplash.com/@igormiske">https://unsplash.com/@igormiske</a>!</figcaption>

Already have the software? go straight to [part 2](https://medium.com/@fsjohnny/lets-develop-with-salesforce-commerce-cloud-part-2-creating-a-development-storefront-720cef540413)!

Recently I got the chance to work on (and get certified 🎊 🎉 in) Salesforce’s eCommerce platform — Salesforce Commerce Cloud (SFCC for short). One thing I noticed almost immediately is the lack of community documentation of the platform, so I decided to document my road to developing a cartridge — a foundational concept of the Commerce Cloud Digital development architecture.

To kick things off, let’s set up the development environment we will use throughout our development process.

### Step 1: Install the Necessary Software

**Eclipse**

**Java JDK 8**

Download and install Java 8 JDK from [http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html](http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)

**UX Studio**

Salesforce Commerce Cloud development and debugging is done through an Eclipse plugin called UX Studio.  
To install UX Studio:

1. In Eclipse, select _Help_ > _Install New Software_.
2. Click _Add_.  
This will open the _Add Repository_ dialog.
3. Enter the following details:

- **Name** : UX Studio (or anything you like really)
- **Location** : [https://developer.salesforce.com/media/commercecloud/uxstudio/4.6](https://developer.salesforce.com/media/commercecloud/uxstudio/4.6)

4. Check the box next to _Salesforce Commerce Cloud_ and click _Next._

5. Continue through the _Install Details_ dialog until you are asked to restart Eclipse. Congratulations, you are now one step closer to starting the cartridge development!

The following GIF shows the entire installation process:

![](https://cdn-images-1.medium.com/max/640/1*LR6x1ZR8Vt_3M_XM-AWYAg.gif)

### Step 2: Connect to your sandbox server

Now that you have all the necessary software installed, let’s connect to our sandbox server.

1. Change Eclipse to _Digital Development_ perspective by clicking on the _Window_ > _Perspective_ > _Open Perspective_ > _Other_, and select _Digital Development_.
2. Click on _File_ > _New_ > _Digital Server Connection_ to open the new server connection dialog.
3. In the _New Digital Server Connection_ dialog, fill in the server _host name_, _user name_ (same as your Business Manager user name) and _password_ (same as your Business Manager password) fields.
4. Once done, click on _Next._

![](https://cdn-images-1.medium.com/max/1024/1*NN4S5tYjwInbd7lRPzNtQw.png)

5. In the _Code Staging Directory_ dialog, choose _version1_ for _Target version directory_ and click _Finish._

![](https://cdn-images-1.medium.com/max/1024/1*fx-at44Bd0JI5sFwMei6Lw.png)

6. The Digital API will begin to download at this point (you can see the progress on the bottom right corner of Eclipse). Wait for it to complete.

Congratulations 🎉! You now have a fully working development environment for SFCC.

In part 2, we will use our environment to create a storefront (the term SFCC uses for an online commerce experience/website) that will serve as the host for our developed cartridge.

To read more about SFCC and its capabilities, refer to the official documentation located at:  
[https://documentation.demandware.com/DOC2/index.jsp](https://documentation.demandware.com/DOC2/index.jsp)