WebStormの補完時に画像のプレビューを表示する方法

「第二回 JetBrainsユーザーグループ in 大阪」のセッション動画で
画像ファイル名の補完時に画像のプレビュー表示がされていました。
これ便利だな〜と思って、先日ぽちった手元のWebStormでやってみたら表示されず...

IntelliJ IDEAウォークスルー #jbugj
http://youtu.be/XeIJugk7SVQ?t=13m40s

ということで調べてみたメモ。

設定

メニューの[WebStorm] - [Preferences...]を開き
[IDE Settings] - [Editor] - [Code Completion]
にあるAutopopup documentation in (ms)にチェックを入れる。

[command] + [,] でPreferencesを開いて
completionで検索するとサクっと出てくるかと思います。

動作確認

動画にあったように、こんな感じで画像プレビューが表示されます。

因みにMacだとデフォルトの補完のキーボードショートカットがSpotlightと被っているので、僕は[command] + [space]に変更して使っています。

参考サイト

nocono
第二回 JetBrainsユーザーグループ in 大阪開催しました #jbugj
http://nocono.net/17