開始タグと終了タグのショートカットキー（vscode）

Question

vscodeのショートカットキーについての質問です。

例えばhtmlで hello world　と入力します。
その時にpタグをつけたい場合、いちいち文字を消してからpタグを作るのはめんどくさいです。
文字を選択してショートカットキーで開始タグと終了タグをつけるショートカットキーはありませんか？

Comments

[think49]

コードブロックはシンタックスハイライトの為に使います。
質問内容をコードブロック内に収めないで下さい。

[退会済みユーザー]

失礼しました。

Answer 1

Emmet: Wrap indivisual Lines With Abbreviation に好きなショートカットを割り当ててはいかがでしょうか？

参考リンク: 書いてあるHTMLの外側にHTMLを追加する - 【VSCodeでEmmet入門】 Emmetを使ってHTMLコーディングを効率化しよう。 | TECHNICAL CREATOR

Comments

[退会済みユーザー]

ショートカットキー割り当てる画面までいきました
その後は何にショートカットキーを割り当てればいいですか？

[Yasumichi]

emmet: Wr で絞り込んで

Emmet: 個々の行でラップ変換
editor.emmet.action.wrapIndividualLinesWithAbbreviation

にショートカットキーを割り当ててください。

　タグで囲みたい行を選択して、そのショートカットキーを押すとタグを入力するテキストボックスが表示されるのでタグ名を入力します。(<p>であれば、pで良い。)

[退会済みユーザー]

試してみたのですが、ちょっと出来ませんでした。。。
ありがとうございました！

[Yasumichi]

出来なかったのは、ショートカットキーの割り当てですか？

[退会済みユーザー]

editor.emmet.action.wrapIndividualLinesWithAbbreviation
↑は見つけてショートカットキーを割り当てました。

タグで囲みたい行を選択して、そのショートカットキーを押すとタグを入力するテキストボックスが表示されるのでタグ名を入力します。(<p>であれば、pで良い。)
↑これが反応しませんでした。。。

しかもショートカットキー割り当てる画面で、editor.emmet.action.wrapIndividualLinesWithAbbreviationを削除してしまいました。。。

[Yasumichi]

その画面の右上に「キーボードショートカットを開く（JSON）」というポップアップが出るボタンがあるので JSON に切り替えて以下の行を追加してみてください。何か、表示されますか？

[退会済みユーザー]

設定が難しいので今回は諦めます。。。
丁寧に教えていただき、ありがとうございました。