Visual Studio Code でタグのラッピングを行うにはどうすればいいですか? 質問する

Visual Studio Code でタグのラッピングを行うにはどうすればいいですか? 質問する

選択した HTML コンテンツを Visual Studio Code のタグ内にラップしたいと思います。どうすればいいでしょうか?

ベストアンサー1

埋め込みエメットうまくいくかもしれない:

  1. テキストを選択(オプション)
  2. コマンドパレットを開く(通常はCtrl+ Shift+ P
  3. 実行するEmmet: Wrap with Abbreviation
  4. タグdiv(または略語.wrapper>p)を入力してください
  5. 打つEnter

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

ここに画像の説明を入力してください


これは引数の受け渡しもサポートします:

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

次のように使用します:

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

おすすめ記事