VS Code Editor Setup For Salesforce

-

Visual Studio Code is the latest IDE for Salesforce Development and believe me it has eased developer’s life by providing rich functionalities. This post will help you to setup VS code editor for Salesforce development. 

Downloads :

1.       Visual Studio Code
2.       Salesforce CLI

Installing VS Code Editor

To download Visual Studio Code navigate to link given above. From download page select your operating system and proceed to download. I will suggest you to download most stable version of VS Code Editor.


Once download is complete, install it in the system. Once installation is complete, you’ll see below welcome screen.
While installing make sure to select Add To PATH option.




Now let’s go ahead and download Salesforce CLI.  

Installing Salesforce CLI

Salesforce CLI is a command line interface that simplifies development and build automation.  VS Code editor uses this interface to connect to Salesforce. Download appropriate version from link given above.



Here as well do not forget to select Set PATH to  Salesforce CLI.


Once installation is complete you can verify whether installation was successful or not by entering sfdx command in cmd. You should see below screen, if not try re-installing the executable.



Salesforce Extension Pack Installation


Since we are done with VS Code Editor and Salesforce CLI installation, now we will open VS Code Editor and install extension pack provided by Salesforce to use VS Code Editor along with CLI commands.

This extension pack includes :
  1. Salesforce CLI Integration
  2. Apex
  3. Visualforce
  4. Aura Components
  5. Apex Interactive Debugger
  6. Apex Replay Debugger
  7. Lightning Web Component

Open VS Code and look for  icon. This is marketplace for VS Code editor. Click on this icon and search for Salesforce Extension Pack. Click on first result and install it.


Now we are done with setup and we can start using VS Code for development. For that we’ll need to create local project and connect it to Salesforce.

Connecting To SF Org

Use Ctrl + Shift + P to open Command Pallette or go to the View -> Command Palette.
Here you can see all available commands by entering SFDX.
For now start writing Create Project With Manifest and press enter.

Now you'll be prompted to select project type, select standard and press enter.


Enter project name in next prompt.


Next select location for local copy of the project.
Your project will be created and you'll see the project structure in the left panel of VS Code which will be similar to the below image.


This created local copy of project, now we will connect to your org. For that follow below steps.

Ctrl + Shift + P and  type Authorize an Org. And select org type that ypu want to connect. Here I am going to connect DE org.


Now select alias for your project. This alias is a handy name to identify your org when working with multiple orgs.

On entering alias you'll be routed to browser for authentication. Enter org credentials there and allow access. 



On successful login you'll see below message in VS Code Editor.


Now we have connected our org to local project. Now next step is fetching metadata. For that navigate to package.xml file from explorer on left panel. This file is located in manifest folder. Right click anywhere in the file and click SFDX: Retrieve Source in Manifest from Org


Once this process is completed, you will see all components in the directory. You can open any file, make changes to it and deploy changes by using SFDX : Deploy Source in Manifest to Org.

Do let me know in the comments if you face any issues.

Comments

Post a Comment

Popular posts from this blog

Salesforce Flow - Create multiple records from user input

-
Image
Hello Trailblazers, We all know how powerful Salesforce flows are. We can achieve many functionalities using flows without writing single line of code. Recently, I came across situation where I wanted to create multiple records of an object by taking inputs from user. And I came with solution using flows where we can ask user whether he wants add another record and allow him to create multiple records. We are going to discuss that solution in this blog. We are going to use Assignment & Decision elements for implementing this solution. Here we will ask user whether he wants to add another record or not after entering details for one record. And basis on user’s input we will make decisions. We can use Loop element as well but in that case we should have idea of how many records needs to be created. With solution explained below user can create as many records. Implementation Details :  For this demo we will create flow which will take lead first name, last name & compan...
Read more

Scan barcodes from Salesforce Mobile App

-
Image
Hello Trailblazers, Today I am going discuss a newly added functionality to Salesforce Mobile platform which has given us ability to scan the barcodes from salesforce mobile app using Lightning Web Component implementation. With the help of this Barcode Scanner API we can now read UPC, QR and other type of barcodes from Lightning Web Component.  This API is made generally available by Salesforce after February 2022. Lightning Web Component uses your mobile camera and mobile OS capabilities to scan the barcode and then sends data back to LWC from where process was invoked. You can use any UI(Button, link etc.) to start barcode scanning. So, the general flow will be initiate barcode scanning from lightning web component then mobile camera will be opened and once valid barcode is scanned you will be returned to your lightning web component which initiated this scan with data which you can process. BarcodeScanner API This barcode scanner API has capability to scan single barcode as wel...
Read more

Zip or Unzip Files in Salesforce

-
Image
Hello Trailblazers, Though Salesforce provides wide variety of out of the functionalities, in house solutions – creating a zip file or unzipping it in apex is still something that is not provided by Salesforce. For one of my work I came across situation where I wanted to zip multiple files together and I couldn’t find anything through Salesforce documentations. After spending some time over internet, I came across few workarounds which can be used to create zip files in Salesforce.  Listing down three of them for three different platform solutions. Zippex Utility This is Apex based utility which can help you to zip files along with other useful operations. This utility code developed by Pedro Dal Col & Pliny Smith is available on GitHub and you can deploy it’s components directly to you org as well. As per me this utility is very much powerful as it provides unzip feature as well. You can have folder structure as well or you can club multiple individual files as well using Zi...
Read more