Vue文件回车不缩进是因Vetur等插件未正确配置语言模式或被覆盖，需将.vue文件语言模式设为vue-html，并在settings.json中配置"*.vue": "vue-html"，同时检查autoIndent、formatOnPaste及格式化器冲突。
Vue文件里按回车不缩进，是Vetur或Vue插件在接管
VS Code 默认不处理 <template> 的缩进逻辑，但 Vetur（或 Vue 3 Support 等插件）会注入自己的语言配置和 onEnterRules。一旦它没配好，或者被其他格式化器覆盖，就会出现“回车后没缩进”或“缩进错位”。这不是 VS Code 本身的问题，而是插件层的规则没生效。
关键判断点：打开一个 .vue 文件，在右下角状态栏看当前语言模式——如果显示的是 vue，而不是 vue-html，那 <template> 根本没走 HTML 缩进规则，自然不会响应回车缩进。
- 临时验证：点击右下角语言模式 → 搜索并选
vue-html→ 再在<template>里按回车，看是否正常缩进 - 永久修复：在
settings.json中加"*.vue": "vue-html"（不是"vue": "vue-html"，后者无效） - 如果用了 Vetur，确认它没被禁用；如果用了 Volar（Vue 3 官方推荐），则需确保它已启用且未被 Vetur 冲突屏蔽
关闭 editor.formatOnSave 后仍缩进，可能是 formatOnPaste 或 autoIndent 在作怪
很多人以为关掉 editor.formatOnSave 就万事大吉，但粘贴（Paste）和换行（Enter）是独立触发的。尤其 editor.formatOnPaste 开启时，VS Code 会调用内置 HTML 格式化器重排 <template>，导致你刚粘进去的代码被自动塞空格、换行、对齐——看起来像“取消不了缩进”。
- 检查
editor.formatOnPaste是否为true（默认是false，但某些插件如 Prettier 会改写它） - 更底层的控制是
editor.autoIndent：设为"none"可彻底禁用回车自动对齐，但会失去所有语言感知缩进；设为"full"才支持嵌套标签自动缩进 - 若只想禁用 Vue 中 template 的自动缩进，用语言专属配置：
"[vue-html]": { "editor.autoIndent": "none" }
Vetur 和 Prettier 冲突导致缩进反复重写
当你同时装了 Vetur + Prettier + ESLint，它们会抢着格式化同一段 <template>。比如 Vetur 按 2 空格缩进，Prettier 配置成 4 空格，保存时可能先被 Vetur 格式化一遍，再被 Prettier 覆盖一遍，最后还被 ESLint --fix 补一刀——结果就是缩进“跳来跳去”，手动调完一保存又变样。
使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景：(1) 安装 `@ainative/vue-sdk`，(2) 在 Vue 组件中使用 `useChat` 组合式函数，(3) 提供……
立即学习“前端免费学习笔记（深入）”；
- 优先级顺序：VS Code 会按
editor.defaultFormatter指定的扩展执行格式化；没指定就按语言找第一个可用的 - 解决办法：在工作区
.vscode/settings.json中明确指定："editor.defaultFormatter": "esbenp.prettier-vscode"，并关掉 Vetur 的格式化功能（"vetur.format.enable": false） - 别忘了检查
prettier.tabWidth和editor.tabSize是否一致，否则 Prettier 输出 4 空格，编辑器却显示为 2 格宽，视觉上还是“不对齐”
Tab 键失效或插入空格，根本原因是 insertSpaces 和 detectIndentation 联动
你以为按 Tab 就该插制表符，结果却插了一堆空格——大概率是 editor.insertSpaces 为 true，且 editor.detectIndentation 为 true。VS Code 读到文件第一行用空格缩进，就自动锁定 insertSpaces: true，哪怕你设置里写了 insertSpaces: false，它也无视。
- 必须关掉
editor.detectIndentation（设为false），否则你的手动设置永远被覆盖 - 想用 Tab 插入制表符：设
editor.insertSpaces: false+editor.tabSize: 4（这个只影响显示宽度，不影响插入内容） - 想用 Tab 插入空格：保持
insertSpaces: true，但确保editor.tabSize和项目约定一致（比如 Vue 官方推荐 2，但团队用 4，就得统一设为 4）
真正容易被忽略的是：改完 settings.json 后，必须重载窗口（Ctrl+Shift+P → Developer: Reload Window），否则 vue-html 语言模式和新缩进规则不会加载进当前会话。
