VScodeを使用していて、brタグを入れるときにbr+Enterキーでタグ変換されないときがある。。。

なにか条件があって自分が悪いんだろうけど、
もっとbrタグ簡単に入れられないかなーと思ったときに発見したいい方法♪

WordPressのエディタと同じように「Ctrl+Enter」でbrタグが入るようにするVScodeのカスタマイズです。

ショートカットを追加する。

F1キーを押して、出てきた窓に

keyboard

と入力します。

次に選択候補に出てきた「基本設定: キーボード ショットカットを開く（JSON）」をクリック。

「keybindings.json」というファイルが開きますので、以下を追記。

{
    "key": "ctrl+enter",
    //Ctrl + Enterを押したときに適用
    "command": "type",
    "args": {
        "text": "<br>"
        //<br> タグを挿入
    },
    "when": "editorTextFocus && editorLangId == 'html'"
}

追記したら保存。

それだけで今度からはCtrl+Enterでbrタグが挿入されます！

ちょっとしたことですが、これでストレスから解放～