読者です 読者をやめる 読者になる 読者になる

tamlog

主にwebのフロント回り たまに登山

もっとコーディングが早くなる「Emmet」の便利なショートカットキー

スポンサーリンク

1, 便利なショートカットキー
2, ショートカットキーを使いやすく

1, 便利なショートカット

「Emmet」のショートカットキーは強力です。
【以下よく使うもの】
・展開 control+E
・選択範囲を展開 control + A
・トグルコメント command+/
・一行にする control+M
・計算する command+Y
・画像サイズ取得 control+I
・囲んでいるタグを選択 control+sift+D
・次をブロック単位で選択 control+shift+→
・ベンダープレフィックスの値の反映 control+R

なんと画像をdataURLに変換出来たりもしますよcontrol+shift+I
その他は以下にまとめています。
【ショートカットキー一覧】

2, ショートカットキーを使いやすく

controlキーでの操作は「Mission Control」などMacのショートカットキーとかぶってしまい使えない物もあります。 「Coda2」のショートカットキーを変更したいのですが、気軽に出来ないので、あきらめるしか、、、と思いきや Macの設定でアプリケーション内のショートカットキーを変更できるのでそれを使ってショートカットキーをカスタマイズしていきます。

システム環境設定からキーボードを選択。
キーボードショートカットアプリケーションを選択。
下の【+】を選択しアプリケーションCoda2.appを選択。
メニュータイトルに変更したいショートカットの名前を入力。
キーボードショートカットに任意のショートカットを入力。

以上。

アプリケーション内のショートカットキーを変更できます。 これを使って自分用にカスタマイズすればOKです。