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