Visual Studio Code Components

A very brief look into the Visual Studio Code editor:

It is made up of three main parts:

UI Framework

The UI Framework is Electron, which is the same one that powers the Atom editor.
Electron is built on Chromium and Node.js

The editor is Monaco, which is the same one that powers Visual Studio Online

The engines are TypeScript Server and OmniSharp Roslyn

Open Source
Visual Studio is open source and available on Github

Insiders Builds
There used to be an Insiders program where you could sign up to gain access to the latest version a few days before anyone else. This is the same sort of idea as Chrome Canary or Firefox Nightly. Getting access to these latest builds is now even easier: just download the Insiders build.

Learning the keyboard shortcuts
Becoming productive in any editor involves learning at least the most commonly used keyboard shortcuts.

To view the full list of shortcuts in the operating system that you are currently using, see keybindings

Code also has built in support for Emmet (formerly known as Zen coding), which dramatically speeds up your HTML and CSS coding. The quickest way to learn these shortcuts is by reading the Emmet syntax guide.

Keep up to date
With latest developments on the Visual Studio Code blog

Build talk by Dias, Gamma and Papa
Visual Studio Code: A Deep Dive on the Redefined Code Editor for OS X, Linux and Windows

Which is your favorite editor?

Please vote for your preferred editor in this Twitter poll:

4 thoughts on “Visual Studio Code Components

  1. Pingback: Angular 2 | Zombie Code Kill

  2. Pingback: Angular 2: First Look | Zombie Code Kill

  3. Pingback: Choosing a JavaScript Framework | Zombie Code Kill

  4. Pingback: Building Web Applications with Node JS and Express | Zombie Code Kill

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s