Visual Studio Code Setup

Posted 2020-09-26 Chuck Lu

Windows

https://code.visualstudio.com/docs/setup/windows

 

Additional Components and Tools

https://code.visualstudio.com/docs/setup/additional-components

VS Code is a small download by design and only includes the minimum number of components shared across most development workflows.

Basic functionality like the editor, file management, window management, and preference settings are included.

A javascript/TypeScript language service and Node.js debugger are also part of the base install.

 

If you are used to working with larger, monolithic development tools (IDEs), you may be surprised that your scenarios aren‘t completely supported out of the box.

For example, there isn‘t a File > New Project dialog with pre-installed project templates.

Most VS Code users will need to install additional components depending on their specific needs.

 

Commonly Used Components

Here are a few commonly installed components:

• Git - VS Code has built-in support for source code control using Git but requires Git to be installed separately.
• Node.js (includes NPM) - A platform and runtime for building and running JavaScript applications.
• TypeScript - The TypeScript compiler, tsc, for transpiling TypeScript to JavaScript.

You‘ll find the components above mentioned often in our documentation and walkthroughs.

 

VS Code Extensions

You can extend the VS Code editor itself through extensions.

The VS Code community has built hundreds of useful extension available on the VS Code Marketplace.

 

 

The extensions shown above are the current most popular on Marketplace.

Click on an extension tile above to read the description and reviews of the extension.

 

Additional Tools

Visual Studio Code integrates with existing tool chains.

We think the following tools will enhance your development experiences.

• Yeoman - An application scaffolding tool, a command line version of File > New Project.
• generator-aspnet - A Yeoman generator for scaffolding ASP.NET Core applications.
• generator-hottowel - A Yeoman generator for quickly creating AngularJS applications.
• Express - An application framework for Node.js applications using the Jade template engine.
• Gulp - A streaming task runner system which integrates easily with VS Code tasks.
• Mocha - A JavaScript test framework that runs on Node.js.
• Bower - A client side package manager.

Note: Most of these tools require Node.js and the NPM package manager to install and use.

 

Next Steps

• User Interface - A quick orientation around VS Code.
• User/Workspace Settings - Learn how to configure VS Code to your preferences through settings.
• Languages - VS Code supports many programming languages out-of-the-box as well as many more through community created extensions.