Integrating TypeScript with Sublime Text2

In this article we are going to focus on how to integrate the TypeScript with Sublime Text 2.

Assuming that we have Sublime Text 2 already installed on our windows machine.

Step 1: Go to the below link and then click on "TypeScript support for
Sublime Text". This will download the "typescript_support_for_sublime_text.zip" folder. Now unzip this folder.

http://blogs.msdn.com/b/interoperability/archive/2012/10/01/sublime-text-vi-emacs-typescript-enabled.aspx

Step 2: Now copy the "typescript.tmLanguage" TMLanguage file and paste it in the "C:\Users\NameofUser\AppData\Roaming\Sublime Text 2\Packages\User" folder.

In the above path Nameofuser is generally the user logged into the machine so replace it with your name as logged in.

Step 3: Now open Sublime Text2 editor -> Go to Tools -> Build System -> New Build System and paste the below instructions in the opened file.

{
	"selector":"source.ts",
	"cmd": ["tsc.cmd","$file"],
	"file_regex": "^(.+?) \\((\\d+),(\\d+)\\): (.+)$"
}

class Greeter {
    msg: string;
    constructor(message: string) {
        this.msg = message;
    }
    greet() {
        return "Hi, " + this.msg;
    }
}

var greeter = new Greeter("Vaishali");

var button = document.createElement('button');
button.textContent = "Say Hi";
button.onclick = function() {
    alert(greeter.greet());
}

document.body.appendChild(button);