Learning site for website creation
Emmet

TabキーでEmmetを展開:Dreamweaver CS6

公開日:2014年10月08日

Dreamweaver CS6でEmmet(次世代ZenCoding)をインストールした場合、Emmetの展開ショートカットであるCtrl+Eキーが初期ショートカットとバッティングしています。
使いやすさを考慮して展開ショートカットをTabキーに変更します。

メニューバー[編集]>[キーボードショートカット]を選択。

 WS978

キーボードショートカット画面でEmmetの「Expand Abbreviation」を選択し[変更]をクリック。

  • コマンド:メニューコマンド
  • コマンド>Emmet>Expand Abbreviation

WS979

「デフォルトセットは変更できません・・・」のメッセージが表示されるので[OK]ボタンを押してデフォルトセットの複製を作る。

WS980

セットの複製画面で複製セットの名前を決める。今回は「Dreamweaver Standard 2」で作成。

WS981

もう一度キーボードショートカット画面でEmmetの「Expand Abbreviation」を選択。

  • コマンド:メニューコマンド
  • コマンド>Emmet>Expand Abbreviation
  • キー:入力待ち状態でCtrl+Tabキーを押す

WS982

マウスで「Ctrl+」を選択し「右クリック>削除」で「Tab」のみを残す。

WS983

キーが「Tab」になっていることを確認して[OK]ボタンをクリック。
※既存のショートカット割振りがある場合は上書きしちゃいます

WS984

ショートカットに「Tab」が登録されれば設定完了。
今後はTabキーでEmmetが展開。

WS985