タイプチェッカーにおける型チェックと自動補完

アットAG Grid 使用するPlunker すべてのコード例の対話的な遊び場を提供する.最新のリリースでは、私たちは、プランナーのTypeScriptサポートを活用するためにテンプレートを更新しました.

改善開発者経験

私たちは、ブラウザのタイプスクリプトのサポートの追加は、私たちの入力された例のための大規模な勝利になると信じています.あなたはすぐにプロパティを正確に知っている必要はありませんので、すぐに設定を調整するには、プランナーで自動補完を取得します.

また、すぐにあなたがそれらを使用している間、各プロパティを説明するのを助けるために、すぐにJintDocの注釈を差し込むことができます.
最後に、あなたがミスを犯すと間違ったプロパティを使用する場合は、赤のsquigglesでこれに警告されます.これ以上の理由は、デモは、タイポのために動作していない疑問にあなたの頭を引っ掻くままにされます!

これを自分で試すことができますPlunker .

どのようにThineScriptサポートを有効にするには？

Tunkerでタイプサポートをするキーはpackage.json ファイル.このファイルが存在するならば、プランカーはどこにパッケージのためにタイプを見つけるべきかについてわかっています.我々はパッケージの一部として我々のタイプを公開するように、これは、Agグリッドとよく動作します.
例としてpackage.json ファイルをReact Hooks TS デモ.含むreact and react-dom だから我々はフックのためだけでなく、独自のAGグリッドAPIと設定を入力している.

{
  "name": "ag-grid-packages",
  "description": "NOTE: This package.json file is solely used by Plunker to look up type definitions.",
  "dependencies": {
    "react": "17",
    "react-dom": "17",
    "ag-grid-react": "*",
    "ag-grid-community": "*",
    "ag-grid-enterprise": "*"
  }
}

このようにpackage.json ファイルはデモで使用されるバージョンを制御しません.これはまだシステムの設定を経て行われます.
しかし、我々の例を変換するために、このスペースを見てくださいPlunker Runtime そうすればpackage.json ファイルは、アプリケーション内で使用するバージョンを設定します.