jsプロンプトにd.tsファイルを使用する

今回は、js プロンプトでの d.ts ファイルの使用と、js プロンプトでの d.ts ファイルの使用に関する注意事項について説明します。以下は実際的なケースです。見てみましょう。

オートコンプリート (スマートプロンプト)

Microsoft は以前に TypeScript 言語を発表したため、Visual Studio を使用して TSD ファイルと組み合わせた TypeScript コードを記述するのは非常に楽しく、スマート プロンプト機能は非常に便利です。

この関数は vsc

に継承される必要があります。

VSC のオートコンプリートでは入力を使用します。

nodejsをインストールする

他の人が書いた d.ts ファイルをインストールするには、node で npm を使用する必要があるため、最初に nodejs をインストールする必要があります。具体的な手順については説明しません。nodejs 公式 Web サイトにアクセスして、対応するプログラムをダウンロードし、「次へ」をクリックしてインストールします。

プロジェクトの設定ファイルを追加します

プロジェクトのルート ディレクトリに、次の内容を含む jsconfig.json ファイルを作成します:

{
 // See https://go.microsoft.com/fwlink/?LinkId=759670
 // for the documentation about the jsconfig.json format
 "compilerOptions": {
 "target": "es5",
 "module": "commonjs",
 "allowSyntheticDefaultImports": true
 },
 "exclude": [
 "node_modules",
 "bower_components",
 "jspm_packages",
 "tmp",
 "temp"
 ]
}

この設定ファイルの機能は、プロジェクトが js プロジェクトであることを VSCode

Editor に伝えることです。

他の人が書いた関連する d.ts ファイルをインストールします

たとえば、jquery にプロンプ​​トを表示したい場合は、次のコマンドを使用します:

npm install @types/jquery -save

npm ソフトウェア ライブラリはブロックされているため、ブロックを回避するか、次のコマンドを使用してインストールする必要があることに注意してください。

りー

最後にある長いリストは、それらが淘宝網によって構築されたサーバーを通じてインストールされていることを示しています。

すると、プロジェクトに追加の node_modules/@types/jquery フォルダーがあることがわかります。

このとき、レンダリングに示されているような効果を実現できます。

自分で作成した d.ts ファイルを使用してください

自分で作成した d.ts ファイルの場合は、その d.ts をプロジェクトのルート ディレクトリまたは任意のディレクトリに置くだけです。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

js配列で重み確率ソートを実装する方法

3つのマウスクリックイベントをバインド

Js+Canvasを使用して画像圧縮を行う

以上がjsプロンプトにd.tsファイルを使用するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。