如何按需禁用VS Code的autoClosingTags或自定义闭合标签位置？

Great question! I've run into this exact annoyance too—here are a few solid solutions to fix it:

1. Wrap Existing Content Directly with Emmet (Best for Your Use Case) #

This is the most straightforward fix when you want to wrap existing text/code in a tag. Here's how:

• Step 1: Select the content you want to wrap.
• Step 2: Press Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac) to open the command palette.
• Step 3: Search for and select Emmet: Wrap with Abbreviation.
• Step 4: Type the tag name you want (e.g., div, p, span) and hit Enter.

Boom—your selected content will be instantly wrapped in the tag, with the closing tag placed correctly at the end of the content. For even faster access, use the default shortcut: Ctrl+Shift+A (Windows/Linux) or Cmd+Shift+A (Mac) to bring up the wrap abbreviation prompt directly.

2. Toggle autoClosingTags Temporarily for Specific Scenarios #

If you sometimes need to disable auto-closing tags entirely (like when editing content-heavy elements), set up a keyboard shortcut to toggle the setting on/off quickly:

• Open your keyboard shortcuts file (Ctrl+K Ctrl+S or Cmd+K Cmd+S).
• Add this custom binding:

  {
    "key": "ctrl+shift+.", // Or any shortcut you prefer
    "command": "workbench.action.toggleSetting",
    "args": "html.autoClosingTags"
  }
  

Now you can hit that shortcut to disable auto-closing tags when working with existing content, and toggle it back on when creating empty elements.

3. Use a Smarter Auto-Close Tag Extension #

VS Code's native autoClosingTags is pretty basic. For more intelligent behavior (like automatically placing closing tags at the end of content when you type an opening tag around existing text), try the Auto Close Tag extension. It detects context better than the native feature and adjusts closing tag placement dynamically—no manual moving required.

4. Quick Fix for Accidental Misplaced Closing Tags #

If you already typed an opening tag and the closing tag ended up in the wrong spot (right after the opening tag), don't waste time cutting/pasting. Just place your cursor after the closing tag and press Ctrl+Shift+Down (Windows/Linux) or Cmd+Shift+Down (Mac) to move the closing tag to the end of the line. For multi-line content, use Alt+Shift+Down to move the line down until it's in place.

内容的提问来源于stack exchange，提问作者haemse