VSCodeで素のJavaScriptでも強力に自動補完させる方法

個人開発ではTypeScriptを使っているが、小さなアプリや仕事では素のJavaScriptを使っている。でも、やっぱり自動補完が効かないのはツライ。

そこで、VSCodeでなんとかIDE並に補完できないかと検証していたら、なんかうまいこと自動補完する方法をみつけた！
ということで、VSCodeで素のJavaScriptでも強力に補完させる方法を紹介する。

開発環境

• Mac OS X Yosemite
• npm 3.3.12
• typings 0.6.8
• VSCode 0.10.9

強力に補完させる方法

0. npm と typings をインストールする

npmやtypingsのインストールについては、以下の記事を参照してほしい。

1. npm と typings を初期化する

$ npm init
$ typings init

2. jqueryをインストールする

$ npm i -S jquery
# npm install --save jquery でもOK

$ typings i -S -A jquery
# typings install --save --ambient jquery でもOK

3. jsconfig.jsonを作る

{
  "compilerOptions": {
    "target": "ES6"
  }
}

4. コーディングする

$. // ←この時点で補完が有効になる

補完が聞かない場合は、一度ファイルを閉じたり、更新したりしてみてほしい。
たまに any のまま補完が効いてくれない時があるので。

また、型定義がなくてもモジュールもに export.module があれば補完してくれる。

これでJavaScriptのツラさも和らぐだろう。



以上

written by @bc_rikko