Posts

Getting started with Lightning Web Components

Image
Software requirements for developing Lightning Web Components: 1.Salesforce CLI 2.VS code 3.Salesforce extension pack(extension of VScode). 4.Lightning web components(extension of VS code). Steps for getting started: 1.Open VScode. This is what it would look like. 2.Press Cntrl+Shift+P  Then select 'Create Project'.  Following screen asking for name of component will appear. Give name of project as 'test'.Then it will ask for the path for creating the project.Give any  path and press enter.You will get notification at bottom saying 'Running SFDX:Create Project' and then boom you will be presented with the following screen. In background folder with name 'test'  will be created in your selected directory. Now you have successfully created a project.You will see following screen: Now right click on lwc(4) from screenshot,and select 'Create Lightning Web Component ' as below: After this one folder ...

Deploying Lightning Web Components

Image
In this post ,we will learn how to deploy lightning web components. we will deploy the testcomponent that we created in the previous post. Before deployment it is essential to authorise to an org on which we are gonna deploy the web component.For that follow below steps: This post assumes that you have followed my previous post and have a component ready to deploy. 1.Press Cntrl+Shift+P 2.Select  'Authorise an Org' as shown in below image. 3.After you click on that,you will be asked to select the url for logging into the org.Here I have selected login.salesforce.com. 4.Then you will be asked to give alias for the org.If you wish to give alias ,give it or else press enter. 5.After that ,a new tab will open in the browser asking for login info. 6.After you have logged in , you will be asked whether or not to allow access to the org.Click on Allow Access. 7.Now observe the OUTPUT panel in VScode you will see, This means you have successfully autho...