ホームページ > バックエンド開発 > C#.Net チュートリアル > タイピングを使用して Visual Studio Code のスマート プロンプトを実装する

タイピングを使用して Visual Studio Code のスマート プロンプトを実装する

高洛峰
リリース: 2017-02-07 10:44:29
オリジナル
1761 人が閲覧しました

前書き

IDE のコード用のスマート プロンプトがほぼ標準であることは誰もが知っていると思いますが、一部のテキスト エディターにもいくつかの単純なプロンプトがあり、これらはコード スニペットによって提供されます。機能的には IDE に匹敵するものではありません。ただし、最近登場したテキスト エディターである Visual Studio Code は、テキスト エディターとしては珍しい、タイピングを通じて JavaScript のスマート プロンプトを実装できます。したがって、Visual Studio Code は、次のような実験的な小さなコード スニペットを作成する必要がある場合に、同時に JavaScript (Node.js) プログラムを作成するのに特に適しています。関数を勉強したくない IDE を使用して新しいプロジェクトを作成するには、現時点では Visual Studio Code が非常に良い選択です。また、JavaScript コード (Node.js に応じて) を実行およびデバッグすることもでき、非常に便利なコードプロンプト機能。

この観点から、Visual Studio Code は強力な小型 IDE とみなすことができると思います。

NPM を介して Typings をインストールする

NPM を介して Typings を簡単にインストールできます。コマンド ラインに次のように入力します:

npm install -g typings
ログイン後にコピー

インストールが完了したら、コマンド ラインに次のように入力します:

typings --version
ログイン後にコピー

バージョン情報が表示されたら、これは、タイピング ツールのインストールが完了したことを意味します:

利用Typings为Visual Studio Code实现智能提示功能

NPM は Node.js と一緒にインストールされます。NPM を使用したい場合は、最初に Node.js をインストールする必要があります。

関連するプロンプト情報ファイルをインストールします

インストールが完了したら、プロンプト関数ライブラリまたはフレームワークを必要とする対応するタイプ情報ファイルをインストールする必要があります。ここでは、新しいフォルダー NodeSnippet を作成し、コマンド ラインを使用してディレクトリに入ります。以下をそれぞれ入力します。 Node と Lodash のタイプ インターフェイス情報ファイルをインストールする 2 つのコマンド:

typings install dt~node --global --save
typings install lodash --save
ログイン後にコピー

--global パラメータを使用する必要がある場合:

インストールされたパッケージがスクリプト タグ (jQuery など) を使用して参照されている場合) (つまり、ブラウザで使用します)

このパッケージが環境 (ノードなど) の一部である場合

パッケージは使用されません --global インストールが失敗する場合

この時点で、 NodeSnippet ディレクトリにはさらにいくつかのファイルがあります:

利用Typings为Visual Studio Code实现智能提示功能

これらのファイルは、プロンプト情報を提供するタイプ ファイル (TypeScript を使用して定義) です。 Typings が特定のライブラリまたはフレームワークのスマート プロンプトをサポートしているかどうかを確認するには、次のコマンドを使用できます:

typings search exampleName
ログイン後にコピー

スマート プロンプトを有効にする

2 つの方法でプロンプト機能を開始します:

1 つ目は、必要な場合にのみ実行することです。プロンプト情報ファイルが存在するディレクトリを、プロンプトを表示できるファイルの先頭行に追加します。形式は次のとおりです。

/// <reference path="./typings/index.d.ts" />
ログイン後にコピー

2 つ目は、jsconfig.json という名前の空のファイルを、プロジェクトが見つかります (この場合は、NodeSnippet フォルダー)。

jsconfig.json ファイルの内容の詳細については、https://code.visualstudio.com/docs/langages/javascript を参照してください

プロンプト機能を有効にすると、Visual Studio が提供するインテリジェンスを問題なく使用できるようになります。コードプロンプト機能。以下に示すように:

利用Typings为Visual Studio Code实现智能提示功能

Notes

Typings VS TSD

Typings は TSD の代替として表示されます。TSD をインストールしている場合は、TSD が推奨されなくなったことを知っておく必要があります。 TSD がインストールされている場合は、次のコマンドを実行して削除してください:

npm rm -g tsd
ログイン後にコピー

CNPM を使用する

中国の壁により、NPM を使用してモジュールをインストールすると非常に時間がかかる場合があります。この時点では、実際に選択できます。国内淘宝網の NPM イメージをインストールするには、次のコマンドを使用します。

npm install -g cnpm --registry=https://registry.npm.taobao.org
ログイン後にコピー

インストールが完了したら、cnpm を使用して npm コマンドを置き換えます。 たとえば、次は lodash モジュールをインストールする例です:

cnpm install lodash
ログイン後にコピー

。 cnpm の置き換えに加えて、npm と他のものに違いがないことがわかります。

概要

上記がこの記事の全内容です。この記事の内容が皆さんの学習や仕事に少しでも役立つことを願っています。ご質問がある場合は、メッセージを残して連絡してください。

タイピングを使用して Visual Studio Code のスマート プロンプト機能を実装することに関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。


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