sublime text 原生不支持 jsx 折叠,需安装 reactjs 或 jsx 插件并切换语法为 react jsx;折叠仅在起始行(如

React JSX 语法默认不支持折叠,得靠插件补规则
Sublime Text 原生 JavaScript 语法(JavaScript)只认 {、function、if 这类传统结构,对 JSX 中的 <div>、<code>{() => <comp></comp>}、组件返回体这些**完全不识别为可折叠块**。你按 Ctrl+Shift+[ 没反应,不是快捷键错了,是语法层压根没定义折叠起点。
必须装插件才能让 JSX 标签、组件函数体、props 对象等变成可折叠区域。实测最稳的是 ReactJS(by ryanmcgrath)或 JSX(by sublimehq 官方维护),二者都重写了 .sublime-syntax 文件,加了 foldingStartMarker 规则匹配 、<code>=> 后的 {、return ( 等模式。
- 装完插件后,右下角状态栏必须手动切到
React JSX或JavaScript (JSX),不能留着默认的JavaScript - 重启 Sublime 或用
Ctrl+Shift+P→Set Syntax: React JSX强制切换 - 验证是否生效:光标停在
function MyComponent() {行,左侧 gutter 出现 ▶;停在<div classname="..."> 行也应有图标<h3>光标必须落在 JSX 开始行,否则 <code>Ctrl+Shift+[无效折叠快捷键只响应「最内层可折叠结构的起始行」——不是选中就折,也不是任意位置触发。React 场景下常见失效点:
- 光标在
- 光标在











