vscode中settings.json配置及说明

{
  /****************************************************   📁 文件与编辑器基础行为         *********************************/
  // 删除文件时,不再弹出确认提示框
  "explorer.confirmDelete": false,
  // 拖拽文件时,不再弹出 “确认移动文件” 的提示
  "diffEditor.ignoreTrimWhitespace": false,
  // 拖拽文件或文件夹时，不再弹出“是否确认移动文件”提示框
  "explorer.confirmDragAndDrop": false,
  // 禁用编辑器中的文本拖拽功能(也就是说：在代码编辑区里，不能用鼠标拖动选中的文本到别的位置)
  "editor.dragAndDrop": false,

  /****************************************************   ✏️ 缩进与排版                 *********************************/
  // 重新设定tabsize
  "editor.tabSize": 2,
  // 禁止 VS Code 根据文件自动调整缩进风格，保证设置的 tabSize: 2 始终生效
  "editor.detectIndentation": false,

  /****************************************************   🎨 格式化风格（Prettier + JavaScript）    *********************/
  // 去掉代码结尾的分号
  "prettier.semi": false,
  "javascript.format.semicolons": "remove",
  // 使用 单引号（'）代替双引号（"）
  "prettier.singleQuote": true,
  // 让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  // 箭头函数只有一个参数时省略括号，如：x => x + 1
  "prettier.arrowParens": "avoid",

  /****************************************************   🧹 ESLint + 自动修复          ********************************/
  // 启用 ESLint 检查和格式化，但隐藏一些非必要的日志输出。
  "eslint.quiet": true,
  "eslint.format.enable": true,
  // 保存文件时自动执行 ESLint 修复（仅当规则显式启用时）
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },

  /****************************************************   🌈 编辑器视觉与行为优化         ********************************/
  // 高亮配对的括号，有助于阅读嵌套结构代码
  "editor.guides.bracketPairs": true,
  // 始终高亮当前缩进层级
  "editor.guides.highlightActiveIndentation": "always",
  // 给编辑器顶部留一点内边距（视觉更舒服）
  "editor.padding.top": 2,
  // 启用平滑滚动动画
  "editor.smoothScrolling": true,
  "workbench.list.smoothScrolling": true,
  // 光标移动和闪烁有平滑动画，视觉体验更好
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.cursorBlinking": "smooth",
  // 自动补全时优先显示最近用过的建议
  "editor.suggestSelection": "recentlyUsed",

  /****************************************************   💡 快捷与交互增强              ********************************/
  // 让字符串内也能触发智能提示（例如模板或路径补全）
  "editor.quickSuggestions": {
    "strings": true
  },
  // 启用 Auto Rename Tag 插件，在所有语言里自动同步修改标签名（例如修改 <div> 自动修改 </div>）
  "auto-rename-tag.activationOnLanguage": ["*"],
  // 复制代码时不带颜色（方便粘贴到纯文本环境）
  "editor.copyWithSyntaxHighlighting": false,
  // 当输入注释的起始符（例如 /*），VS Code 会自动补全结束符（*/）,选项值说明："always" → 总是自动补全注释闭合符；"beforeWhitespace" → 只在光标前是空白时才自动补全；"never" → 永不自动补全
  "editor.autoClosingComments": "always",

  /****************************************************   🌐 工作区与主题设置            ********************************/
  // 使用 vscode-icons 图标主题（让文件夹和文件更美观）
  "workbench.iconTheme": "vscode-icons",
  // 在命令面板中启用命令建议（更智能的命令搜索）
  "workbench.commandPalette.experimental.suggestCommands": true,
  // 控制资源管理器树形缩进效果，indent: 14 意味着更宽松的结构层级显示
  "workbench.tree.renderIndentGuides": "always",
  "workbench.tree.indent": 14,
  // 启动 VS Code 时不自动打开欢迎页或新建文件
  "workbench.startupEditor": "none",
  // 不同类型的括号（圆括号 (), 花括号 {}, 方括号 []）会使用 独立的颜色池 来上色
  "editor.bracketPairColorization.independentColorPoolPerBracketType": true,

  /****************************************************   🌍 GitLens 配置             ********************************/
  // 在 GitLens 分支视图中使用 树状布局 显示文件结构
  "gitlens.views.branches.files.layout": "tree",

  /****************************************************   🧩 不同语言的格式化规则        ********************************/
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },

  "vsicons.dontShowNewVersionMessage": true,
}