VS -コードを取得する


タイプコードをVSコードでチェックすることができますか?
VSのコードを使用すると、プレーンの古いJavaScriptファイルのtypescriptの高度な型チェックとエラー報告機能のいくつかを活用することができます.そして、あなたもいくつかの簡単な修正プログラムを行うことができます!これはどんな問題もなくeslintと一緒に行うことができます.
型チェックはopt inです.プロジェクトごとに、またはどこでも、個々のファイルに適用することができます.

個々のファイルのチェックを有効にする


ファイルを試してみたい場合は、コメントを追加します// @ts-check ファイルの先頭に.たとえば、以下のコードは文字列で数値を乗算しようとします.
// @ts-check

let x = "blah";
let y = x * 2;
エラーを指摘するために、攻撃中に赤い下線が表示され、問題タブでエラーが表示されます.

ワークスペースまたはどこでもチェックを有効にする


すべてのJavaScriptファイルの種類のチェックを有効にすることができますJS/TS › Implicit Project Config: Check JS 設定
あるいは、あなたはjsconfig.json あなたのルートフォルダでJavaScript project options . 次のように、コンパイラのオプションとして型チェックを追加できます.
{
  "compilerOptions": {
    "checkJs": true
  },
  "exclude": ["node_modules", "**/node_modules/*"]
}
使用の利点jsconfig.json チェックするファイルをターゲットにすることができますかinclude and exclude .
使えます// @ts-nocheck 例外を作成する場合は、ファイル内の型チェックを無効にします.

JSDOCコメントで追加型チェックを追加する


JSDoc 注釈は、コードを記述し、ドキュメントを生成するために使用されます.その仕様の一部は変数に型を追加することです.これを通して、私たちはVsコードで余分なタイプチェックを得ることができます.
JSDOC注釈はコメントブロック内の宣言の前に来る.以下の例では、パラメーターと戻り値の型を指定します.

関数コールの引数として数を指定すると、間違いをキャッチできますisHoriztonalRule(1) .
サポートされているJSDOCパターンの一覧は、次のとおりです.TypeScript Reference - JSDoc Supported Types .

結論


JavaScriptのタイプチェックの取得はかなり甘いです.それはシンプルで使いやすいです.これは、スクリプトベースにコードベースを変換する必要がなく、スクリプトの利点のいくつかを提供します.
ハッピーハッキング!