『Sublime Text3』は超軽量かつ、豊富なプラグインによるカスタマイズ性抜群のテキストエディタです。
今回は、そんな軽量なSublime Text3(Mac版)において、業務スピードをさらに上げるショートカットキーを紹介します。
※当記事では「macOS High Sierra」のショートカットキーを紹介しています。
(ショートカットキーは、Windows版とMac版でかなり異なるのでご注意ください)
Sublime Text3は、日本語入力時の変換でTabキーやエンターキーを押すと文字列が消えてしまいます。
これから使うという人は、下記を参考に設定を編集しておくと良いでしょう。
command + p
なお、そのまま以下の文字を打つことで選択中のファイル内検索・移動が可能です。
ここからが「Sublime Text3」のショートカットキーの本領発揮です。
command + shift +a
なお、以下それぞれのショートカットキーで親タグ・子孫タグの範囲を選択し続けられます。
文字列を選択した状態でcommand + control + g(※大文字小文字は区別しない)
また、以下のショートカットキーを合わせて覚えておけば、文字列の選択・移動が柔軟に出来ます。
なお、ファイルやプロジェクト全体を検索(grep検索)したい場合はcommand + shift + f。
以下の記事がとても分かりやすく参考になります。
Sublime Text: grep 機能のこと :: log.chocolateboard
文書の種類を事前に「HTML」にして、!を入力後 Tab
事前に「Package Control」から「Emmet」のインストールが必要です。
「Emmet」のインストールについてはこの記事が分かりやすいです。
また、Emmetをカスタマイズしたい場合は以下が参考になります。
(※解説はWindows版なのでショートカットキー等が異なる可能性があります)
じっくり解説。SublimeText3にEmmetをインストールする
command + j
逆に、見やすくコード整形したい場合は「HTML/CSS/JS Prettifyプラグイン」を使用します。
※このプラグインは「Node.js」が必要だったりと、導入のハードルが少し高いかもしれません。
少々オマケ的ですが、これらのショートカットキーも覚えておくと、さらに業務を効率化できるかもしれません。
command + option + 2で画面を分割後、[メニュー]→[File]から「New View into File」を選択し、新しくできたタブにドラッグ。
なお、画面を縦に分割したい場合はcommand + option + shift + 2。
詳しい説明は下記サイトが参考になります。
Sublime Textで画面分割:1つのファイルを2分割で表示するには?
以上、コーディング業務を爆速にする『Sublime Text3』の18のショートカットキーを紹介しました。
もちろん、今回紹介した以外にもまだまだ便利な機能やショートカットキーはありますので、ぜひ自分にあったカスタマイズやショートカットを探してみてください。
[wpap service=”with” type=”detail” id=”4844335677″ title=”Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ” search=”Web制作者のためのSublime Textの教科書”]