Set Up Salesforce Developer Experience (DX) environment

1. Open Visual Studio Code. If not installed, please install from https://code.visualstudio.com/download

2. Set Up Salesforce Developer Experience (DX) environment by installing ‘Salesforce Extension Pack’ link https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode

3. Press keys Ctrl+Shift+P (Windows) or Cmd+Shift+P (macOS) and start typing SFDX. Click ‘SFDX: Create Project with Manifest’.

4. Select Standard Template

5. Enter Project name

6. You will see message “No default org is set. Run “SFDX: Create a Default Scratch Org” or “SFDX: Authorize an Org” to set one.”. Enter Ctrl+Shift+P (Windows) or Cmd+Shift+P (macOS) and click “SFDX: Authorize an Org”.

7. Click Custom to enter your org url(it can be Trailhead Playground if using Trailhead).

8. Login page of your Org will pop up for login and authorization.

9. You will get visual studio code connected to your org.

10. Get latest code by right click on ‘SFDX: Retrieve Source in Manifest from Org’

11. Now you are ready to code. Let’s develop Lightning Web Component(LWC). At this point development of LWC is not possible from developer console. link

Thank you.