vscode怎么调整缩进

在 VSCode 中修改代码缩进设置可以通过编辑器的全局设置或项目级别的 ESLint 配置文件实现。以下为具体步骤： ### 修改 VSCode 的全局缩进设置 1. 打开 **VSCode 设置**： - 可通过菜单栏 `File > Preferences > Settings`（Windows/Linux）或 `Code > Preferences > Settings`（macOS）打开。 - 也可以使用快捷键 `Ctrl + ,`（Windows/Linux）或 `Cmd + ,`（macOS）。 2. 在搜索框中输入 `tab size` 或 `indent` 来查找相关设置项。 3. 修改以下两个关键选项： - `Editor: Tab Size`：控制一个缩进单位的空格数，默认为 `4`。 - `Editor: Insert Spaces`：是否插入空格而不是制表符（Tab），默认为 `true`。或者，可以直接编辑 `settings.json` 文件，添加如下内容[^1]： ```json { "editor.tabSize": 2, "editor.insertSpaces": true } ``` ### 基于 ESLint 的项目级别缩进配置若希望统一团队编码风格或配合 ESLint 插件进行更精细的控制，可在 `.eslintrc.js` 文件中添加规则： ```javascript module.exports = { // ... "rules": { "indent": ["error", 2] // 设置缩进为 2 个空格 } }; ``` 这样可以确保保存时自动根据 ESLint 规则格式化代码，前提是已安装并启用 ESLint 插件，并设置了保存时自动修复功能。 ### 格式化代码的其他注意事项 - 安装 [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) 和 [Prettier](https://marketplace.visualstudio.com/items?itemName=Prettier.prettier-vscode) 插件可增强格式化能力。 - 确保在 VSCode 设置中启用了“保存时格式化”功能： ```json "editor.formatOnSave": true, "eslint.format.enable": true ``` ---

阅读全文