Visual Studio Code Setup for Lightning Web Components

Visual Studio Code(VS Code)

VS code is a well-known open source Code editor/ IDE(Integrated Development Environment) developed by Microsoft. It's available for all major operating systems Windows, macOs and Linux. It has huge plugins library and Open source community members. VS Code supports all the features every IDE supports. Due to highly customizable, huge plugin library, open source project, huge community member support, less weight, more features, It's more popular IDE in now adays. So Salesforce recommends to use Visual Studio Code.and Stopped development for Force.com IDE.

To know more about Visual Studio Code.

Setup VS Code for Lightnig Web Components(LWC)

Now lets start setup of visual studio code for Windows 10 PC.

Step: 1

Download and Install Visual Studio Code: Download VS Code  

Step: 2

Download and Install the Salesforce Developer Experience Command Line Interface. (SFDX CLI). Download SFDX CLI .
Once installation complete, verify it. Open Command prompt(cmd) --> run the this command sfdx version.

Step: 3
If your working under proxy, you have to setup it in VS Code.
Open VS Code --> Select File menu-->  Preferences --> Settings.

Step: 4
Now Open VS Code and install Salesforce extension pack.
Extensions --> in search box Search for Salesforce Extension Pack. then install it.

That's it. Next chapert we will show you how to create New Project using vs code.