TypeScriptをやってみた

TypeScriptとは？

TypeScriptコンパイラ(tsc)によりコンパイルされ　*.jsファイルが生成される。
型定義やクラス、モジュールなどを使い、コンパイルされるため、プログラムの構造化やエラーチェックが可能
altJS(JavaScriptを生成する言語の総称)のひとつ

インストール

npm install -g typescript

コンパイル

tsc helloworld.ts

TypeScript プロジェクト定義ファイル

プロジェクト定義ファイルを生成しておくことでtsc命令だけで指定パラメータでコンパイルされる。
生成

tsc --init

結果：tsconfig.json

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": false
    },
    "exclude": [
        "node_modules"
    ]
}

VS Codeでtaskを登録して自動でコンパイル

VS Code上で*.tsファイルを編集し保存するだけで、コンパイルが実行される。

F1キー -> task -> Watch Mode
結果:.vscode/task.json

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentati[f:id:haronoid:20160826120540g:plain]on about the tasks.json format
    "version": "0.1.0",
    "command": "tsc",
    "isShellCommand": true,
    "args": ["-w", "-p", "."],
    "showOutput": "silent",
    "isWatching": true,
    "problemMatcher": "$tsc-watch"
}

生成されたタスクを実行する

F1 -> task run -> tsc

型定義

外部パッケージのjQueryやAngularなどを使う場合の設定

TSD(TypeScript Definition Manager)：型定義を管理する

npm install -g tsd
tsd init
tsd install jquery --save