在Sublime2/3中使用build命令編譯TypeScript文件

TypeScript是JavaScript內建的一個超集，添加了可選的靜態類型和面向對象編程，幫助我們開發大型Web應用。

 

Sublime Text是一款代碼編輯器，擁有漂亮的用戶界面和強大的插件支持，通過Sublime來編寫TypeSript可以讓我們更加如魚得水，Sublime支持build功能，能夠對一些常見的語言進行編譯，但是不能完成對TypeSript到JavaScript的編譯。不過沒關系，我們可以通過手動設置來讓這倆大神器緊緊聯系在一起。

 

首先，我們要使用NPM來全局安裝TypeScript包

 

完成這一步的時候我們已經能夠在命令行下通過tsc命令來編譯后綴為.ts的TypeScript文件。

例如：

 

但是這樣有很大的不便，如果我們能夠在編輯器里完全編譯操作的話豈不是更加簡單友好。所以下一步我們就要向Sublime添加TypeScript編譯功能。

 

打開Sublime Text -> Tools -> Build System -> New Build System

 

接下來把下面的代碼粘貼到新打開窗口中

 

{
    "cmd": ["tsc","$file"],
    "file_regex": "(.*\\.ts?)\\s\\(([0-9]+)\\,([0-9]+)\\)\\:\\s(...*?)$",
    "selector": "source.ts",

    "windows": {
        "cmd": ["tsc.cmd", "--target", "ES5", "$file"]
    }
}

 

選擇保存，並添加到默認的路徑中，文件名是TypeScript.sublime-build

 

做到這里我們已經實現了在Sublime Text中對TypeScript文件編譯的目標了，接下來我們測試一下

 

寫完一個TypeScript文件，同時按下Ctrl + B ，如果下面會顯示[Finished in 1.4s]提示字段時，代表文件已經成功編譯，在當前目錄能夠看到生成的JS文件。

 

教程至此結束，希望大家玩得愉快～