How to install extensions on VisualStudio Code
First of all, let us see how to install extensions on VisualStudio Code. Follow the steps given below to do the same.
- Open Visual Studio Code.
- Click on the Extensions icon or Ctrl + Shift + X.
- Now, search for the extension you want to install.
- Once its tile appears, click on it and then click on Install.
Alternatively, you can click on the link that’s given hereinafter, it will redirect you to a webpage, click on Install and you will be prompted to open the link in VS Code.
- Live Server
- Rest Client
Let us talk about them in detail.
1] Live Server
Let us start with an extension to open your website locally. Live Server is a powerful extension that gives you the privilege to create a local development server environment to access live reloading for static and dynamic pages. It is very useful for someone who wants to check what’s happening to the website in real-time. So, as you write your code, you will see the effect on the server. Therefore, you don’t have to refresh your page every time to see how your code is performing. If you think it is useful, go to marketplace.visualstudio.com to install it. Alternatively, follow the aforementioned steps to install the extension.
2] Rest Client
DotEnv or .env are environmental variables. DotEnv extension makes it easy for programmers to make use of these variables by adding syntax highlights to the mix. So now that we have syntax highlight, there will be fewer chances of making a mistake. In order to install the extension, navigate to marketplace.visualstudio.com.
ESLint is an extension that allows you to analyze your code statically with the help of a linter. It checks your code using the pre-configured parameters to look for problems in it. It removes the hassle of running ESLint through the terminal, making the development process much quicker. To install the extension, go to marketplace.visualstudio.com.