1. ホーム
  2. ハイパーリンク

[解決済み】VSコードでタグラッピングを行うには?

2022-04-17 19:34:59

質問

VSコードで選択したhtmlをタグで囲みたいのですが、どうすればいいですか? どうすればいいのでしょうか?

どのように解決するのですか?

埋め込み エメット は、そのトリックを行うことができます。

  1. テキストを選択(オプション)
  2. コマンドパレットを開く(通常 Ctrl + シフト + P )
  3. 実行 Emmet: Wrap with Abbreviation
  4. タグを入力する div (または省略形 .wrapper>p )
  5. ヒット 入力

コマンドはキーバインドに割り当てることができます。


これは引数の受け渡しにも対応しているんですよ。

{
    "key": "ctrl+shift+9",
    "command": "editor.emmet.action.wrapWithAbbreviation",
    "when": "editorHasSelection",
    "args": {
        "abbreviation": "span",
    },
},

このように使用します。

  • span.myCssClass
  • span#myCssId
  • b
  • b.myCssClass