Home SALESFORCE Create Lightning Web Components – Trailhead Project

Create Lightning Web Components – Trailhead Project

Trailhead Project – to create first lightning web components using visual studio online, sfdx – https://trailhead.salesforce.com/content/learn/projects/quick-start-lightning-web-components

Step 1: sign up for a Pre-Release Developer Edition (Spring 19) at https://www.salesforce.com/form/signup/prerelease-spring19/

Step 2: Enable Dev Hub From Setup -> Dev Hub.

Step 3: Download & Install the Salesforce CLI

Operating System Link to Installer
macOS https://sfdc.co/sfdx_cli_osx
Windows 32-bit https://sfdc.co/sfdx_cli_win
Windows 64-bit https://sfdc.co/sfdx_cli_win64
Debian/Ubuntu 64 https://sfdc.co/sfdx_cli_linux
Download the archive from one of the URLs in the manifest, extract the archive, then run the ./install script.
Debian/Ubuntu x86 https://sfdc.co/sfdx_cli_linux_x86
Download the archive from one of the URLs in the manifest, extract the archive, then run the ./install script.

Step 4: Install Visual Studio Code and Salesforce Extensions of Salesforce Extension Pack, Salesforce Lightning Web Components.

Step 5: Create a Salesforce DX Project to Visual Studio Code

Step 6: Authorize a Dev Hub from Visual Studio Code using SFDX

Step 7: Create a Scratch Org from Visual Stuido Code using SFDX

Step 8: Create a First Lightning Web Component (https://trailhead.salesforce.com/content/learn/projects/quick-start-lightning-web-components/create-a-hello-world-lightning-web-component)

Step 9: Push Lightning Web Component to a Scratch Org from Visual Studio Code Using SFDX

Step 10: Add Newly Created Lightning Web Component to App Using App Builder (Setup -> in Lightning Experience.

Reference: https://developer.salesforce.com/blogs/2018/12/introducing-lightning-web-components.html

Lightning Web Component Sample Gallery: https://trailhead.salesforce.com/sample-gallery

Salesforce DX Setup Guide: https://developer.salesforce.com/docs/atlas.en-us.sfdx_setup.meta/sfdx_setup/sfdx_setup_intro.htm

You may also like

Leave a Comment