VSCode提升代码编写可读性插件-VSCode-PHP中文网

必须开启editor.bracketpaircolorization.enabled，否则无法启用vscode 1.60+内置的括号彩色配对高亮功能，导致嵌套括号难以区分，尤其在json、jsx等结构中易串行；该开关默认为true但常被旧配置或插件禁用，需手动确认启用并避免与bracket pair colorizer 2等旧插件冲突。

vscode提升代码编写可读性插件

括号配对高亮为什么必须开

VSCode 从 1.60 版本起已内置括号对高亮功能，editor.bracketPairColorization.enabled 默认为 true，但部分旧配置或禁用后会失效。不开它，嵌套三层以上的 {}、[]、() 就容易看串行，尤其在 JSON、React JSX 或链式调用中，光靠缩进和空格根本撑不住视觉判断。

实操建议：

打开设置（Ctrl+, ），搜索 bracket pair，确认 editor.bracketPairColorization.enabled 已勾选

如需自定义颜色池，可在 settings.json 中添加：

"editor.bracketPairColorization.customBrackets": [
  { "open": "{", "close": "}" },
  { "open": "[", "close": "]" },
  { "open": "(", "close": ")" }
]

（注意：仅影响高亮样式，不影响匹配逻辑）

避免同时启用老插件 Bracket Pair Colorizer 2 —— 它与内置功能冲突，会导致括号闪烁或颜色错乱

Prettier 和 ESLint 怎么配合才不打架

两者都改代码格式，但角色不同：Prettier 负责“怎么排版”，ESLint 负责“写得对不对”。常见错误是把它们都设成保存时自动格式化，结果 ESLint 修完语法问题，Prettier 立刻把分号删了，再触发 ESLint 报错，形成死循环。

实操建议：

只让 Prettier 执行格式化（启用 editor.formatOnSave），关闭 ESLint 的自动修复（禁用 editor.codeActionsOnSave.source.fixAll.eslint）
用 ESLint 做保存时检查（editor.codeActionsOnSave 中仅保留 source.fixAll 或显式指定规则）
在项目根目录加 .prettierrc 和 .eslintrc.js，确保 eslint-config-prettier 已安装并启用，它会关掉所有与 Prettier 冲突的 ESLint 规则

注释怎么写才真有用

普通注释（// 或 /* */）容易被忽略，而 Better Comments 插件能让注释分层可读——比如 TODO 标红、FIXME 标橙、NOTE 标蓝，一眼识别优先级。

VSCode 1.118

微软正式发布 Visual Studio Code 1.118 版本。本次更新重点强化了 AI 开发体验与企业管理能力，其中最引人注目的是新增 Copilot CLI 远程控制功能，允许开发者通过手机或网页远程监控和接管 AI 会话。同时，为了提高 AI 的运行性价比，新版本优化了令牌缓存策略以降低成本。此外，1.118 版还引入了 Chronicle 本地历史追踪、TypeScript 7.0 支持以及更严格的企业级访问管控。

下载

实操建议：

安装 Better Comments 后，默认支持 !、?、+、*、- 开头的注释前缀，无需额外配置即可生效
避免滥用 TODO：它不该出现在生产代码里，更不该长期不处理；建议配合 GitLens 查看谁写的、何时写的、是否已关联 issue
别写“这里很关键”这种废话注释，改成“缓存过期策略：30s TTL + stale-while-revalidate”这类带信息量的描述

字体连字和缩进彩虹要不要开

Fira Code 这类支持连字的字体能把 !=、=>、=== 渲染成单个符号，提升符号辨识度；Indent Rainbow 则给每级缩进涂不同颜色，辅助识别块级结构。但它们不是刚需，且可能干扰某些终端仿真或远程开发场景。

实操建议：

连字字体：仅在本地开发时开启（editor.fontLigatures: true），远程 SSH 或 WSL 环境下建议关闭，避免字符渲染异常
缩进彩虹：indentRainbow.colors 推荐设为 ["#ff000040", "#00ff0040", "#0000ff40"] 这类低饱和度色值，太艳会抢走代码主体注意力
这两项都属于“锦上添花”，如果发现光标跳动不准、滚动卡顿或字体模糊，第一时间关掉再排查

括号高亮和注释分层是真正降低认知负荷的点，字体和缩进美化只是辅助。很多人装了一堆插件却没调好协同关系，结果越配越卡、越改越乱。