VS Code需配置缩进与格式化规则实现自动对齐：勾选editor.insertSpaces、设置tabSize，开启formatOnSave并配置对应语言默认格式化器；Pretterrc可细化JSX/JSON等格式，多文件类型需单独启用格式化，团队项目应提交统一配置文件。
VS Code 怎么自动对齐代码缩进和空格
VS Code 默认不会强制统一缩进风格，不同项目、不同人写的代码混在一起，tab 和 space 乱用，看着就累。关键不是“能不能整齐”，而是“怎么让 VS Code 自己守规矩”。
- 打开设置（
Ctrl+,或Cmd+,），搜editor.insertSpaces，勾选它 → 强制用空格代替tab - 同时设
editor.tabSize为2或4（按团队习惯，前端常用2，Python 常用4） - 开启
editor.detectIndentation（默认开启），但注意：它只在文件打开时读一次，如果已有混杂缩进的文件，它不会自动重排
常见错误现象：Tab size: 4 但 Insert spaces 关着，结果按一次 Tab 插入的是一个制表符，和其他空格缩进并存，格式化工具（比如 Prettier）会报 Expected indentation of 2 spaces but found a tab
保存时自动格式化代码（JavaScript/TypeScript/Python 等通用方案）
不手动格式化，靠保存触发，最省心。但得配对两个开关，缺一不可。
- 开启
editor.formatOnSave - 必须装对应语言的格式化扩展，并设为默认：
- JS/TS：推荐
Prettier，安装后在设置里搜editor.defaultFormatter，设为esbenp.prettier-vscode - Python：装
ms-python.python，然后设editor.defaultFormatter为ms-python.black-formatter或ms-python.autopep8（Black 更激进，autopep8 更保守）
- JS/TS：推荐
- 注意：如果项目根目录有
.prettierrc或pyproject.toml，VS Code 会优先读它们，本地配置比全局设置权重高
性能影响：大文件（>1000 行）保存时可能卡顿几百毫秒，可加 "editor.formatOnSaveTimeout": 5000 防止超时中断。
怎么让括号、花括号、冒号对齐（比如 Vue/JSX 中的属性换行）
这不是缩进问题，是格式化规则细节。Prettier 默认不展开单行属性，想“看起来整齐”得调参数。
- 在工作区根目录加
.prettierrc（JSON 格式）：{ "printWidth": 80, "semi": true, "singleQuote": true, "bracketSpacing": true, "jsxBracketSameLine": false, "arrowParens": "avoid" } - 关键项：
jsxBracketSameLine: false让 JSX 标签右尖括号另起一行，配合缩进更清晰；bracketSpacing: true在对象大括号里加空格（{ a: 1 }而非{a: 1}） - 不要盲目开
proseWrap或htmlWhitespaceSensitivity，容易让 HTML 模板意外折行
容易踩的坑：改了 .prettierrc 但没重启 VS Code 窗口，或没关掉其他格式化插件（比如 ESLint 的 auto-fix on save），导致规则打架，保存后代码来回跳。
终端/Markdown/JSON 文件也想整齐？得单独开开关
VS Code 不会把代码格式化逻辑套用到所有文件类型，默认只对启用的语言模式生效。
- 对
markdown文件，需手动开启：editor.formatOnSave+ 安装esbenp.prettier-vscode（它支持 Markdown）+ 设置editor.defaultFormatter为该扩展 - 对
json，VS Code 内置格式化器够用，但注意：带注释的jsonc文件必须把语言模式切到JSON with Comments（右下角点击），否则报错Unexpected token / in JSON at position 0 - 终端里显示的代码（比如用
cat .prettierrc）没法“整齐”，那是 shell 输出，不是编辑器渲染。真想看整齐，用 VS Code 打开文件，别依赖终端 cat
复杂点在于：同一份配置，在不同项目里效果可能不一致——因为 Prettier 版本、ESLint 配置、甚至 Node.js 版本都可能影响解析行为。最稳的办法，是把 .prettierrc、.editorconfig、package.json 里的格式相关字段全提交进仓库，别只靠个人设置。
