vscode JavaScript プロンプトの機能強化

方法 1 [JSDoc]

/**
 * 
 * @param {Number} a 
 * @param {Number} b 
 * @returns 
 */
function add(a, b) {
    
    
  return a + b;
}

/**@type {string}*/
var b;
b.split(',')

JSDocマニュアル

方法 2 @types

サードパーティ ライブラリのコードの場合、タイプを手動でマークすることは不可能です。一般に、対応するライブラリのタイプの定義をダウンロードするだけで済み、vscode によって自動的にプロンプ​​トが表示されます。図書館を例に
挙げてみましょうjquery

yarn add @types/jquery--dev

メソッド 3 の型付け

一部のライブラリには対応するものが存在しないため@types 、さらに面倒ですが、ここではcommanderそのライブラリを例に挙げます。
を実行するとyarn add @types/commander --dev、下図に示すように、対応するディレクトリが空であることがわかります。
この時点で、対応するライブラリの下にtypingsフォルダーが見つかります。以下の図に示すように、index.d.tsその中に型定義があります。
新しいフォルダーを作成しtypings\commander\、d.tsそのフォルダーにファイルをコピーします。

jsconfig.jsonルート ディレクトリに新しいファイルを作成します。対応するファイルをincludeそれに追加します。

{
    
    
    "include": [
        "./src/**/*",
        "./typings/commander/index.d.ts"
    ]
}

importモジュールを定義していないため、ここで出てくるクラスはまだ定義されていません。モジュールは次のように定義されます

declare module 'commander/esm.mjs' {
    
    
// 类型定义
}

型定義はオリジナルindex.d.tsの内容です

これで、プロンプトを通常どおり使用できるようになります。他の方法もあります。 「VS Code スマート プロンプト関数のタイピング」
typingsを参照してください。