mitome-in

mitome in

WebStorm で早くコーディングができるようにショートカットを覚えよう

Mac でのショートカット。

取り消し・やり直し

操作 ショートカット
取り消し Command + z
やり直し Command + Shift + z

検索・置換

操作 ショートカット
検索 Command + f
置換 Command + r
プロジェクト内で検索 Command + Shift + f
プロジェクト内で置換 Command + Shift + r

複製

操作 ショートカット
行/選択範囲の複製 Command + d

新規ファイルの作成

まずはプロジェクトツールウインドウにフォーカスを移動させる( Command + 1 )。 それから新規ファイル作成のショートカット( Command + n )を入力する。

操作 ショートカット
プロジェクトツールウインドウにフォーカスを移動 Command + 1
新規ファイル作成 Command + n )

HTML を選んで新規ファイルを作成すると、はじめから最低限必要な記述が挿入されたかたちでファイルが生成される。 その最初に記述されている内容を編集したい場合は、以下からカスタマイズできる。

Prefercences ダイアログの Editor -> File and Code Template

設定( Preferences ダイアログ )

操作 ショートカット
Preferences ダイアログを表示 Command + ,

LiveEdit ( プレビュー )

操作 ショートカット
LiveEdit Control + Shift + d

アクションの検索

操作 ショートカット
アクション検索ダイアログを表示 Shift を2回

補完候補再表示

操作 ショートカット
補完候補再表示 Control + Space

補完候補を確定させる方法が2つある。

  • Return : そのまま入力される
  • Tab : 後に続くステートメントと置き換えるかたちで補完候補が入力される

Intention Action ( インテンションアクション:空気を読んだアクションの提示 )

例えば HTML ファイルにて class名 を入力。その class名 に対応したスタイルを作りたいとき Intention Action を使うと楽に作成できる。 class名 にカーソルを合わせた状態で、Option + Return で Intention Action が表示される。 表示された中から Create Selector を選択。

操作 ショートカット
Intention Action Option + Return

Postfix completion ( ポストフィックス補完 )

arg1>arg2.if

と、式から文に組み上げていく場面で使える機能。

ポストフィックス補完の確認方法

Preferences ダイアログの Editor -> General -> Postfix completion