Rainbow Brackets 插件在 WebStorm Marketplace 中直接搜索安装最稳妥，需输入带空格的全名“Rainbow Brackets”，安装后必须重启 IDE 才生效；若无效，应禁用冲突插件 HighlightBracketPair 并检查 Color Scheme 中的括号层级与颜色配置。
直接在 Marketplace 里搜 Rainbow Brackets 安装最稳
WebStorm 自带插件市场，Rainbow Brackets 是官方认证插件，不用手动下载 ZIP，也无需命令行。只要网络通畅，搜索安装后重启 IDE 就能用。
常见错误是输错名字：别拼成 RainbowBracket（少 s）、Rainbow Brackets（注意空格）或 RainbowBrackets（驼峰）。它在 Marketplace 的正式名称就是带空格的 Rainbow Brackets。
- 按
Ctrl + Alt + S（Windows/Linux）或Cmd + ,（macOS）打开 Settings - 左侧选
Plugins，顶部切到Marketplace标签页 - 在搜索框输入
Rainbow Brackets，回车 - 点右侧的
Install，完成后弹窗提示重启 —— 别跳过，必须重启才生效
装完没反应？检查是否被其他括号插件冲突
Rainbow Brackets 和 HighlightBracketPair 功能重叠，同时启用时后者可能压制前者的颜色渲染，导致括号看起来还是黑白灰。
这不是 bug，是渲染优先级问题。WebStorm 只允许一种括号高亮逻辑主导视觉层。
- 进
Settings > Plugins，确认HighlightBracketPair是否已启用 —— 如果启用了，先禁用它 - 再检查
Rainbow Brackets设置：路径是Settings > Editor > Color Scheme > Rainbow Brackets - 确保至少有一组括号类型（如
()、{}、[]）的「Enabled」勾选了 - 颜色方案若设为
Default或High Contrast，部分括号色可能不明显，建议切换成IntelliJ Light或Dracula再试
想调颜色或改括号范围？进 Color Scheme 细调
Rainbow Brackets 默认只对三层嵌套着色，第四层开始循环复用第一层颜色。如果写的是深度嵌套的 JSON、正则或 JSX，容易看混。
它的颜色层级和作用范围不是靠插件主界面控制，而是绑定在当前编辑器主题的配色方案里。
- 路径：
Settings > Editor > Color Scheme > Rainbow Brackets - 可单独开关每种括号类型（
()、{}、[]、<>）的高亮 - 「Level count」默认是
3，改成5或6能撑住更深层嵌套 - 每个 Level 对应一个颜色块，点开就能换色；但别设得太接近（比如 Level 1 和 Level 2 都用蓝系），否则实际编码时区分不开
- 改完不需重启，但得重新打开一个文件或切换 tab 才刷新效果
Mac 上快捷键冲突？默认没有绑定热键
Rainbow Brackets 本身不注册任何快捷键，不会和 Cmd + Shift + A 或 Cmd + P 冲突。如果你发现按某个组合键后括号变色异常，大概率是别的插件（比如 Key Promoter X 或 Translation）在监听全局事件。
验证方法：临时禁用所有非必要插件，只留 Rainbow Brackets，再测试括号显示是否正常。
- 进
Settings > Plugins，右上角点Disable all（会保留 JetBrains 官方必需插件） - 逐个启用，观察括号渲染何时出问题
- 特别注意
Translation插件 —— 它的默认快捷键Ctrl + Shift + X在某些键盘布局下会被误触发，干扰光标定位，间接影响括号高亮时机
}，整段括号链就可能全失效 —— 这不是插件坏了，是底层解析器没法定位配对关系。遇到这种情况，先跑一遍 ESLint 或检查语法错误，比反复重装插件更有效。 
