@types パッケージ (DefinitelyTyped)
これは、これらのプロジェクトを非常にインタラクティブかつ探索的な方法で使用できることを意味します。タイプミスを防ぐためにドキュメ ントを別のウィンドウで開く必要はありません。
インストールは
npm
の上で動作するのでかなり簡単です。例えばjquery
の型定義を簡単にインストールすることができます:npm install @types/jquery --save-dev
@types
はグローバルとモジュールの両方の型定義をサポートします。デフォルトでは、グローバルに利用する定義は自動的に包含されます。
jquery
を例にすれば、あなたのプロジェクトで$
をグローバルに使うことができるはずです。しかし、
jquery
のようなライブラリでは、一般的にモジュールの使用をお勧めします:実際のところ、インストール後に特別な設定は必要ありません。モジュールのように使用するだけです。例:
import * as $ from "jquery";
// Use $ at will in this module :)
予想されるように、グローバル定義を自動許可する設定をすることは、一部のチームでは問題になる可能性があります。したがって
tsconfig.json
のcompilerOptions.types
を使 って、必要な型だけを指定して、明示的に取り込むことができます:{
"compilerOptions": {
"types" : [
"jquery"
]
}
}
上の例では、
jquery
だけを使用できることを示しています。誰かがnpm install @types/node
のように別の定義をインストールしても、そのグローバル(例えば process
) は、あなたがtsconfig.json
のtypes
オプションにそれを追加するまで、あなたのコードには入り込みません。最終更新 8mo ago