WebStormでExtJS補完をするメモ

WebStormを使ってExtJS補完をするメモです。ここではExtJS3の補完設定をします。

  1. Settingsダイアログを開きます。
  2. Project Stttings の中にある，JavaScript Libraries を選択します。
  3. Add… ボタンをクリックします。
  4. Name の欄にはExtJS4として，Attach… ボタンをクリックして
    • ext-all-debug.js
    • adapter/ext/ext-base-debug.js
    • examples/ux/ux-all-debug.js
    をアタッチします。
  5. OKをクリックして保存します。
  6. 次に，Settingsダイアログに戻りJavaScript Libraries の下にある Usage Scope を選択します。
  7. プロジェクト全体あるいは必要なディレクトリのLibrary欄をクリックするとExtJS3を選択できますので，そこでExtJS3を選択します。

以上で，プロジェクトペインにあるExternal Libraries の中にExtJS3が表示されるようになり，Extのライブラリの補完ができるようになります。同様にExtJS4についてもライブラリの設定をしておけば，ディレクトリ毎に必要なライブラリを選択することができます。