Create a Lighting Web Component using Visual Studio Code - The WesternTech

Step1: Open Visual Studio Code

Press Command + Shift + P on macOS or Ctrl + Shift + P on Windows or Linux, then type Create Lightning Web Component Press Enter.

Provide LWC name (firstLWC) and Press Enter.

Step 2: LWC folder and files

LWC folder mainly contains 4 files,

html is to write UI display elements
js is to write logic and js components
xml is to define lwc related metadata.
css is to define the css components

Step 3: Deployment

Right Click on any file and select “SFDX: Deploy This Source To Org”

On successful deployment, you should be able to see message like this

References

https://trailhead.salesforce.com/content/learn/projects/set-up-your-lightning-web-components-developer-tools/create-a-lightning-web-component

Category

All Category

Lightning Web Components

Visual Studio Code

Visualforce Pages

Recent Posts

Elementor #6437

Lightning Out to integrate the Salesforce real time data into external website

Creating a Lookup Field in Screen Flow

Display Static Resource into Salesforce Flow

Connect Salesforce with Postman Application and Test REST API

Download and upload Salesforce Metadata using Visual Studio Code

Flow - Create Rollup summary to calculate the Contacts associated with Accounts

Upload a file as an attachment to a record using Visualforce Page

Create a Lighting Web Component using Visual Studio Code

Hide or Display Text using Picklist Selection by Conditional Logic in Salesforce Flow

Leave a Reply Cancel reply

You must be logged in to post a comment.