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

php中世界最好的语言
リリース: 2018-04-17 13:32:57
オリジナル
2252 人が閲覧しました

今回は、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!