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.