Visual Studio Code consolidates the straightforwardness of a source code editorial manager with amazing developer tooling, like IntelliSense code completion and debugging.
To install this super rocking code editor, please follow the below steps,
Step 1 :
Open your favorite browser and go to https://code.visualstudio.com/download .
Select an option among three according to your operating system,
In this tutorial, I demonstrate only for Windows Machine, if you have any other operating system like Linux or Mac that will also be fine you can follow this same, the installation process is almost the same.
Click your suitable download option, mine for Windows
after clicking the download button a vscodeUserSetupX... . exe file will starting downloaded,
After successfully download the .exe file, open it and follow the steps mention below,
Click on I accept the agreement ;
Click Next button;
Click on ☑ Create a desktop icon check box;
Click on Next button ;
Click on the Next button ;
Voilà! You are successfully Install VS-CODE on your machine;
Please follow the below-mentioned steps, if you wish to customize your vs code and setting up vs-code for development purpose ;
first of all, if you are planning to do development in VS Code then we are gonna install some extensions in Vs-Code, first and foremost we definitely need Prettier - Code Formatter extension, this extension enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
To adding extensions, open your vs code first and click on the Extension button
note: may your VS CODE looking different from me, don't panic It will absolutely fine, in my case I use a customized theme for my vs code;
Just Search for Prettier - Code formatter and click install
Our next extension is Live Server - this extension Launch a development local server with a live reload feature for static & dynamic pages, to install this extension
Just search for Live Server by Ritwick Dey and click Install
Next is Auto Rename Tag by Jun Han, it automatically renames paired HTML/XML tag, the installation process is the same as above
Above mention, extension is a Classic setting for development purpose, if you wish to do more customization in your VS CODE then let us know, we'll surely do that for you,
Don't forget to SUBSCRIBE us for the upcoming newsletter ;