VSCode括号IntelliSense失效与大括号内换行格式配置问题咨询

一、修复括号IntelliSense及编辑辅助失效问题 #

你的settings.json中存在"editor.language.brackets": []这个空数组配置，它会完全覆盖VS Code默认的括号匹配规则，直接导致括号自动补全、高亮匹配等辅助功能失效。

解决方法：直接删除该配置项，恢复VS Code内置的括号识别逻辑。

二、调整大括号内回车的空行格式 #

根据你使用的格式化工具，分两种方案调整：

方案1：使用VS Code内置TypeScript格式化工具 #

在settings.json中添加/修改以下配置：

// 开启完整自动缩进
"editor.autoIndent": "full",
// 开启括号对自动换行
"editor.bracketPairNewLine": true,
// 针对TypeScript文件配置内置格式化器及块括号规则
"[typescript]": {
  "editor.defaultFormatter": "vscode.typescript-language-features",
  "typescript.format.insertSpaceAfterOpeningAndBeforeClosingBlockBraces": true
}

方案2：继续使用Prettier作为格式化工具 #

如果你偏好保留Prettier，需确保以下配置：

// 开启输入时自动格式化，确保回车后立即应用格式
"editor.formatOnType": true,
// 针对TypeScript文件指定Prettier为默认格式化器
"[typescript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
// 确保Prettier保留括号间距（默认值为true，若被修改需显式设置）
"prettier.bracketSpacing": true

修改后的完整settings.json示例 #

{
  "workbench.colorTheme": "Default Dark+",
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode" // 或替换为vscode.typescript-language-features
  },
  "editor.formatOnSave": true,
  "workbench.iconTheme": "eq-material-theme-icons-darker",
  "dotnet.help.firstView": "gettingStarted",
  "extensions.confirmedUriHandlerExtensionIds": [
    "ms-dotnettools.dotnet-interactive-vscode",
    "ms-dotnettools.vscode-dotnet-pack"
  ],
  "editor.minimap.enabled": false,
  "files.autoSave": "afterDelay",
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  "editor.accessibilitySupport": "off",
  "terminal.integrated.enableMultiLinePasteWarning": false,
  "security.workspace.trust.untrustedFiles": "open",
  "files.trimTrailingWhitespace": true,
  "window.zoomLevel": -1,
  "sqltools.useNodeRuntime": true,
  "prettier.bracketSameLine": true,
  "prettier.singleQuote": true,
  "prettier.bracketSpacing": true,
  "editor.wordWrap": "on",
  "angular2-switcher.specFormats": [
    ".spec.ts",
    ".stories.ts"
  ],
  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": true,
  // 新增/修改的配置
  "editor.autoIndent": "full",
  "editor.bracketPairNewLine": true,
  "editor.formatOnType": true
}

内容的提问来源于stack exchange，提问作者Влад