How to Install Visual Studio Code in Windows

Install Visual Studio Code

In this blog, we will talk about the steps of How to download and Install Visual Studio Code on Windows and Mac operating systems.

For the development of all programming languages, there are multiple IDE (Integrated Development Environments) available. For JavaScript also there are several IDEs, and Visual Studio Code editor is one of them. It looks simple but strong source code editor that runs on your system and it is available for Windows, macOS, and Linux.

VS Code has built-in support for TypeScript, JavaScript, and Node.js. It has a wide range system of extensions for additional languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity). At Zamatoo, we are talking about VS Code for Protractor, Cypress, JavaScript, etc.

We will talk about the below topics in this blog:

• Download & install the Visual Studio Code.
• Method of how to install Visual Studio Code on Windows?
• Specific-language features provided by VS Code?

Download & install the Visual Studio Code.

Visual Studio Code is instant and candid. It is small in size and has a free code editor so you can download & install it quickly and try the VS Code. Furthermore, it is work on macOS, Linux, and Windows operating systems.

The first step is to share through all the platforms regardless of any OS you are using.

Download Visual Studio Code:

You can download Visual Studio code by selecting the right platform.

Download: Visual Studio Code

Visual Studio Code Platform

You can click any of the platforms, which are mentioned above, depending on the operating system for which you are planning to download the visual studio code editor.

In the second step, when the download is complete, run the exe file to install Visual Studio Code. The setup wizard should have started. Click “Next”.

Visual Studio Code Setup wizard

In the third step, on the next screen, change the installation path if required, else leave it and click next.

Visual Studio Installation Path

In the fourth step, Click Next

Visual Studio Installation Path

In the fifth step, click on "create a desktop icon" so that it can gain access from the desktop, and click on Next.

Visual Studio Code Desktop Icone Path

in the sixth step, click the install button

Visual Studio Code Install Path

and finally, the last step waits for installation complete

Visual Studio Code Setup Install 

After installation completes, click on the finish button, and the visual studio code will get open.

Visual Studio Code complete installation method

Once you click finish, you will see the below screen.

Visual Studio Code Interface

Specific-language features provided by VS Code?

Visual Studio Code backs and supports the maximum of modern programming languages. It offers various features that can be language-specific but are accessible in practically all the supported programming languages.

A few of them are:

• Syntax highlighting and bracket matching: Syntax highlighting controls the color and style of source code displayed in the Visual Studio Code editor. In addition, it also works for colorizing keywords like if or for in JavaScript in a different way than strings and comments, and flexible names.

 

• Smart completion (IntelliSense): IntelliSense is a universal term for a variety of code editing structures, excluding code completion, parameter information, quick information, and member lists. Other names of IntelliSense features are "code completion," "content assist," and "code hinting." The below gif file shows a sample of the feature:

• Linting and corrections: Linters provide warnings for suspicious-looking code. While VS Code does not include a built-in linter, many linter extensions available in the marketplace.
• Code navigation (Go to Definition, Find All References): Code navigation lets you quickly navigate JavaScript projects.
• Go To Definition F12 - It asks you to go to the source code of a symbol definition.
• Peek Definition ⌥F12 - Bring up a Peek window that shows the definition of a symbol.
• Go to References ⇧F12 - Show all references to a symbol.
• Go to Type Definition unassigned - Go to the type that defines a symbol. In other words, for an instance of a class, this will reveal the class itself instead of where the instance is defined.
• Debugging: VS Code comes with great debugging support. Additionally, you can set breakpoints, inspect objects, navigate the call stack, and execute code in the Debug Console.
• Refactoring: VS Code includes some handy refactoring such as the Extract function and Extract constant. Just select the source code you would like to extract and then click on the lightbulb in the gutter or press (⌘.) to see available refactoring. Available refactoring includes:

• Extract to method or function.
• Extract to constant.
• Convert between named imports and namespace imports.
• Move to a new file.

Our Suggestion for website development read below...

The web host I recommend, and the one I show you how to use in this guide, is PKWEBHOST I personally use PKWEBHOST and I recommend them for all new bloggers because:

• They will register your custom domain name, making sure no one else can take it.
• They have a 30-day money-back guarantee if you are unsatisfied for any reason.
• They offer an automatic installation of WordPress blogging and Google Blog software.
• They offer reliable web hosting that has been recommended by WordPress and Google Blog since 2008 and they currently host over 1.5 million blogs and websites.
• They have helpful 24/7 customer service via phone or web chat.

Use any PKWEBHOST on this site to get the special discount price.

Disclosure: PKWEBHOST compensates The Blog Starter when you purchase through this link, so my services are free of charge to you.