Tina Debove Nigro

An intro to VS Code

An intro to VS Code

As a MacBook Pro owner, I’ve been waiting for Visual Studio to land on OS X for a very, very long time.

A year ago, this was a mere wish.

Today, the New Microsoft proved again that everything’s possible in this new Cloud first, Mobile first world.


What’s Visual Studio Code?

It’s not the usual Visual Studio you used to know. It’s not just a simple text editor. It’s more than Sublime Text, but it does not want to do everything inside a single window like Visual Studio.
It’s the IDE made for those who like to work with externals tools, like a bash, but still want a powerful debugger and awesome Intellisense magic.

Where does it run?

On all your laptops, desktops, or even tablets: it runs on Windows, OS X, and available on Linux.

Are you serious?

Yes.

I can has it?

Yes. It’s available (still early stuff!) here.

Setting up your Visual Studio environment on OS X

I’ll cover the setup on OS X and maybe explain how it works on Linux (with pretty much the same thing) a bit later.

Visual Studio code works, at the time I’m writing this post, with C# projects, and is made for ASP.NET developers. It’s also working well with Javascript, Typescript projects with node.js, although I did encounter some bugs here and here. It obviously behaves well with HTML, CSS, LESS files.

Visual Studio Code running on my MacBook Pro. The UI is really straightforward. Everything is where you would expect it to be. Visual Studio Code  running on my MacBook Pro.
The UI is really straightforward. Everything is where you would expect it to be.

Install Node and yo+aspnet project generator

npm install -g grunt-cli npm install -g yo npm install -g generator-aspnet

Install Mono

http://www.mono-project.com

Install ASP.NET

https://github.com/aspnet/home#os-x

Install Visual Studio Code

Click here :)

ASPNET generator

Choose Console Application

ASPNET gen2

kpm restore will download the packages listed in project.json

For example, if you want to use HttpClient in your project, modify your json this way:

config.json

By running the command kpm restore it will get all the necessary libraries.

Note: you may get some error like “kpm command is not recognized”. Just run source kvm.sh and it will be fixed.

messy

As you can see, my build was really preview stuff and sometimes Intellisense was completely buggy. However this piece of code runs well. Look:

Building and running C# awesomeness on OS X! Building and running C# awesomeness on OS X!!![/caption]

User Interface

UI1UI2UI3UI4

An intro to VS Code
Prev post

VLC 1.3 - Changelog

Next post

Windows 10 APIs in a W8.1 app - Fullscreen mode

An intro to VS Code

Get in touch