HTMLコードを編集していると頻繁に出てくる改行コードbrタグ。

今回はSublimeText3で、brタグを素早く追加できるショートカットを設定する方法を紹介する。

まずは「Preferences -> Key Bindings」で設定ファイルを開こう。

開くと、左にDefault、右にUserの設定ファイルが分割されて表示されるが、User側に下記のコードを追記する。

※既に他のコードが記述されている場合、区切りのカンマが必要なので注意!

    { "keys": ["shift+enter"], "command": "insert_snippet", "args": {"contents": "<br>\n"},
        "context": [
            { "key": "selector", "operand": "text.html" }
        ]
    }

これで、「shift + Enter」を押すと「<br>」タグを追加しながら改行し、次の行へカーソルを移動させることができる。

ちなみにこのショートカットは、SyntaxがHTMLの場合のみ発動するので、例えばJavaScriptやCSSなど、その他のファイルで誤って改行タグが挿入される心配はない。

地味だが非常に便利なショートカットである。