Sublime Text 3 Typescript Build And Compile

Source: https://packagecontrol.io/packages/Better%20TypeScript

Instruction :

Description

This is fork of Better CoffeeScript but adopted for work with Typescript. Also look at this TypeScript plugin for Sublime Text https://github.com/Railk/T3S. It is really awesome.

Installation

If you have Sublime Package Control, you know what to do. If not, well: it's a package manager for Sublime Text 3; it's awesome and you can read about it here. Installation guide can be found here.

Open the Command Pallete (ctrl+shift+P or cmd+shift+P).

Type “Install Package” and hit return.

Type “Better TypeScript” and hit return.

Build File Example

Current package don't have sublime build file. You can create it by yourself and save it (Preferences - Browse Packages... - User folder) as Typescript.sublime-build. Then use Cmd + B to build your file.

{

    "cmd": ["tsc", "-d", "-m", "amd", "--sourcemap", "$file"],

    "file_regex": "(.*\\.ts?)\\s\\(([0-9]+)\\,([0-9]+)\\)\\:\\s(...*?)$",

    "selector": "source.ts",

    "osx": {

       "path": "/usr/local/bin:/opt/local/bin"

    },

    "windows": {

        "cmd": ["tsc.cmd", "-d", "-m", "amd", "--sourcemap", "$file"]

    }

}

Commands/Shortcuts

You can access the commands either using the command palette (ctrl+shift+P or cmd+shift+P) or via shortcuts.

alt+shift+s - Run a syntax check

alt+shift+c - Compile a file

alt+shift+d - Display compiled JavaScript

alt+shift+w - Toggle watch mode

Context menu has Compile Output that compiles the current TypeScript and outputs the javascript code that is run, in a panel.

Note: Some of the commands use the Status Bar for output, so you'll probably want to enable it (View » Show Status Bar).

-----------------------------------

Share on Google Plus

About Ram Pukar

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.