VS代碼自動標記完成僅選擇結束標記

Question

我是 vs Code 的新手。 我喜歡當您在 html 中鍵入標簽時，它會自動添加結束標簽。 但有時我不想要它，因為我已經寫了一些我想在標簽之間添加的東西。

例如，如果我已經編寫了代碼並且想將其設為粗體，我輸入開始標簽，但隨后它會關閉它而不是圍繞文本。 有沒有一種方法可以快速跳轉到該結束標簽突出顯示的末尾，或者我可以點擊一個鍵來刪除該結束標簽但將開始標簽留在那里？

它如何開始的圖像：

我想做的圖片：

Answer 1

您可以使用emmet來實現您的目標。

1. 首先，您 select 您要換行的單詞/文本/段落。

2. 接下來按Ctrl + Shift + P ，這將列出 VSCode 中可用的所有命令。

3. 搜索“Emmet: Wrap with abbreviation”（在搜索框中輸入 emmet 就足夠了）

4. 現在，您可以通過輸入 emmet 語法來輸入要包裝所選文本的 HTML。 如果你想用標簽包裝它，只需寫標簽，在你的例子中這將是b

5. 您還可以使用多個標簽包裝您的文本，並為這些標簽添加類和屬性，例如： a.more-link[title="test"][href="test.com"]將使用<a class="more-link" title="test" href="test.com">...your selected text... </a>包裝您的文本<a class="more-link" title="test" href="test.com">...your selected text... </a>