Salesforce developers great news! LWC ( Lightning Web Component) Local Development Beta is released by Salesforce. This local development feature will help us to build, run and test the lightning web component on our local machine, we do not need to deploy the code on our salesforce org. Big Thanks to the LWC team.
This (Local Development) will reduce the time for LWC development and testing. This will definitely increase the productivity of the salesforce developer.
The Local Development Server is available through the Salesforce CLI plugin. It is configured and runs a Lightning Web Component-enabled server on the local machine.
Setup# and Installation:
- Developer Hub enabled org (Enable Dev Hub in Your Org)
- Recent version of web browser (Chrome, Firefox, Edge)
- Window 7 or later, Mac 10.11 or later, Linux 14.0.4 or later
- Salesforce CLI
- Open a terminal window (CMD run as administrator) and run the following command to install the LWC local development server on your machine.
sfdx plugins:install @salesforce/lwc-dev-server
- Check for updates to the local development server.
- Open your VS Code IDE and add the
.localdevserverfolder in your SFDX project to your
.gitignorefile. Do not modify files inside of this folder.
- Authorize a Developer Hub (Dev Hub) in the VS Code and through CMD.
sfdx force:auth:web:login --setdefaultdevhubusername
- Log in using your Dev Hub credentials.
- Start the server.
- View the LWC Local Development server at http://localhost:3333/
- You can see all the LWC that you created in your org. Click on your favorite component to run.
- c-hello-web-component: you can see this web component rendered in-browser without deploying to the org.
- If you click on the button “View in VS Code” this will quickly open the component code in your VS Code IDE. When you can make any changes in the component code, those changes will refresh in the browser immediately.