Help us understand the problem. What is going on with this article?

VS code + node.js でインテリセンスなコーディング

More than 3 years have passed since last update.

インテリセンス(IntelliSense)は、ドットを打ったらメソッドの候補などを表示するあれです。
開発効率がすごくあがるので、VS Codeで使えるといいなと思いました。

node.js

https://nodejs.org/en/

VS Code (VisualStudio code)

Expressの導入

node.js環境のアプリケーションフレームワークとして有名なやつです。
これで、簡単なWebアプリケーションのテンプレートを作ります。

npm install -g express-generator
express myExpressApp
cd myExpressApp
npm install

VS Codeで開く

fileメニューから、Openで myExpressApp ディレクトリを選択します。フォルダをドラッグ&ドロップでも開けます。
この時点で基本的なIntelliSense機能は使えます。

conso までタイプすると、候補に console が出てくるし、ここでドットを打てば、 console.log()がすぐに出てきます。

とはいえ、expressのメンバー変数・関数をみたいなと思ってexpress とタイプしても何も起きません。
プリミティブな型や、同一ファイルにだけ有効です。

TSDの導入

TSD(TypeScript Definition manager) は、TypeScript(AltJSとして知られる)の定義ファイルを導入するツールです。

npm install tsd -g

TSDから、該当モジュールの定義ファイルを取得します。

tsd query node --action install
tsd query express --action install

これで表示されますよ!!

定義ファイルは十分あんの?

http://definitelytyped.org/tsd/ ここに掲載されてるのに

定義ファイルがないので困る・自作ライブラリなんだけど

webstormを使いましょう。 https://www.jetbrains.com/webstorm/
自分で解析してくれるので、定義ファイル不要です。

kohashi
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away