Visual Studio Code + TypeScript向けのtasks.json

2015-07-14

詳しくはgistをご覧ください。

TypeScript向けBuild/Watchタスクの定義 (VSCode用 tasks.json )


tasks.json
{
	"version": "0.1.0",
	"command": "tsc",
	"isShellCommand": true,
	"windows": {
        	"command": "tsc.exe"
	},
	"tasks": [
		{
			"taskName": "build",
			"isBuildCommand": true,
			"suppressTaskName": true,
			"args": ["-p","."],
			"problemMatcher": "$tsc"
		},
		{
			"taskName": "watch",
			"isBuildCommand": false,
			"isWatching": true,
			"suppressTaskName": true,
			"args": ["-w"],	
			"problemMatcher": "$tsc"
		}		
	]
}

.settings/tasks.jsonをこんな感じにするとうまくいきます。

上の設定ではtscの引数として-pを指定していますので、別途tsconfig.jsonを用意してください。(詳細はgistの方に記載しています)

あとはコマンドパレットから[Tasks: Run Tasks]を指定して、実行したいタスクを選択してください。Buildタスクはショートカット(Ctrl+Shift+B)からもアクセスできます。

Watchは止めない限り動き続けるので、同じくコマンドパレットから[Tasks: Terminate Runnning Tasks]を選んで切りましょう。

注意点

tsconfig.jsonを使用する場合には、tscのバージョンは1.5以降のものを使用しているか確認しましょう。(私は古い環境でやろうとしていて、はまりました)

tsconfig.jsonに関するドキュメント

進捗ダメです。

このエントリーをはてなブックマークに追加
« Microsoft MVP for .NETを受賞しました Visual Studio Code 1st Step Guideを書きました »