Set up your Dev Environment for Building Salesforce Lightning Web Components
You can’t develop Lightning web components in the Developer Console. So, to develop Lightning web components, we have to use any code editor. I use VS Code. To deploy and retrieve source code from your Org you need to use Salesforce CLI.
Install Salesforce CLI
The Salesforce CLI is a powerful command line interface that simplifies development and build automation when working with your Salesforce org.
Install CLI from here: Salesforce CLI
After Installing CLI,
In Windows, To upgrade to the current version open command prompt and run the following code.
Find more sfdx commands here: sfdx commands
Install VS Code:
I use VS code, you can use code editor of your choice. Install VS code from here: VS Code
Download Salesforce Extension Pack from VS Code extensions section or download it directly from VS Code market place Salesforce Extension Pack
Congrats! now that you have set up Salesforce CLI and Code Editor successfully. Let’s go ahead and setup your Dev Org to start coding.
Final Touch ups
In your VS code, create a project,
- To create a project, In VS Code press ctrl + Shift + P which open command palette.
- Type sfdx: Create project with manifest and press enter.
- Give a project Name and press Enter.
Set up default Org:
In Command palette,
- Type sfdx: set a default org and press enter
- Select sfdx: Authorize an org and press enter
- Select sandbox or production accordingly and press enter
- Enter Org Alias (short name) and press enter
- Salesforce login page is opened in the browser tab, Enter your salesforce credentials and that’s it it’s done.
Now you are just one step away from creating Lightning Web Component.
If you enjoyed this blog post, share it with your group!
Do subscribe, for getting latest updates directly in your inbox.