以rjsx-mode为蓝本从零打造你自己的Emacs主模式完整清单【免费下载链接】rjsx-modeA JSX major mode for Emacs项目地址: https://gitcode.com/gh_mirrors/rj/rjsx-moderjsx-mode 是一款为 Emacs 打造的 JSX 主模式major mode它扩展了 js2-mode 的解析器为 JSX 代码提供完整的语法检查、高亮与智能编辑体验。如果你想为自己的语言写一个 Emacs 主模式这篇文章就以这个轻量级开源项目为蓝本给出可直接照做的完整开发清单。⚡ 先认识 rjsx-mode一个小而全的主模式样本rjsx-mode 是学习主模式开发的理想范本基于成熟模式派生通过define-derived-mode继承js2-mode而非从零开始功能完整语法解析、高亮、缩进、智能按键、智能注释一应俱全工程规范自带 ERT 测试、Makefile 构建脚本与设计文档。核心实现全部在 rjsx-mode.el 中仅约 1400 行结构清晰模式声明 → 解析常量 → 解析器 → 交互命令 → 注释 → 缩进。快速体验在 Melpa 源中直接安装即可.jsx文件会自动进入 rjsx-mode也可以在本地 clone 仓库git clone https://gitcode.com/gh_mirrors/rj/rjsx-mode后用load-file加载体验。编辑组件时按下会自动补全/自闭合标签后按自动展开成标签对C-c C-r可重命名开闭标签——这就是一个主模式能带来的手感。 项目文件总览一个主模式仓库应该长什么样文件职责rjsx-mode.el核心实现模式声明、JSX 解析器、命令、缩进rjsx-tests.elJSX 解析的 ERT 测试js2-tests.el底层 js2 解析器的回归测试Makefile字节编译、运行测试、依赖下载js2-parser.md底层解析器架构设计笔记README.md安装与使用文档LICENSEMIT 开源许可这套一个主文件 测试 构建 文档的结构就是 Emacs 模式包的最小完备形态可直接照抄。 打造你自己的 Emacs 主模式七步完整清单1️⃣ 声明模式命名空间与可调参数用defgroup创建设置分组用defcustom定义用户可调变量。rjsx-mode 中的rjsx-max-size-for-frequent-reparse控制大文件下解析重触发频率rjsx-mode.el#L39-L492️⃣ 定义 major mode 本体关键一步是define-derived-mode宏rjsx-mode.el#L52-L64:lighter让模式行显示:RJSX方便识别主体内用setq-local绑定注释语法、缩进函数等缓冲区局部变量。所有后续功能都挂载在这一步声明的模式上。3️⃣ 注册文件扩展名让 Emacs 自动启用只需一行add-to-list将*.jsx关联到 rjsx-moderjsx-mode.el#L75。做你自己的模式时把正则换成目标语言的后缀即可。4️⃣ 语法高亮face 与递归下降解析器rjsx-mode 为标签名、属性、文本和括号定义了 4 个 facerjsx-mode.el#L93-L111。真正的难点在解析器它复用 js2 的词法器按 JSX 语法做递归下降并用advice把 js2 原有的 XML 初始化解析替换成 JSX 版本rjsx-mode.el#L77-L85。项目还在 js2-parser.md 中留下了底层解析器的详细笔记——自己写解析器前先读透基座模式的 token 流转方式。5️⃣ 智能按键让编辑手感上电这是主模式最有乐趣的部分——重写按键语义上下文智能插入/rjsx-mode.el#L884-L905/C-d展开自闭合标签rjsx-mode.el#L916-L949C-c C-r重命名当前标签的开闭两端rjsx-mode.el#L951-L978C-c C-j开闭标签间跳转rjsx-mode.el#L1000-L10156️⃣ 缩进引擎与智能注释JSX 缩进由专门的rjsx-indent-line承担在第 2 步绑定深度可通过js-indent-level等变量调整实现位于 rjsx-mode.el#L1277-L1419。注释处理rjsx-comment-dwim则会根据光标所在的 AST 节点类型自动选择合适的注释形式rjsx-mode.el#L1161-L12737️⃣ 测试与构建让模式可交付make test用 ERT 批量运行解析测试Makefile#L20-L22make字节编译以加速加载Makefile#L12-L18make install-deps一键下载底层解析依赖Makefile#L24-L26rjsx-tests.el 中 2800 多行测试用例让解析器的每次改动都有底气。⚠️ 避坑指南从 rjsx-mode 学到的三个经验别从零写解析器继承成熟的基础模式如 js2-mode能省掉八成工作rjsx-mode 只补了 JSX 缺失的那一块诚实声明局限README 明确写出 tab 缩进暂不支持并给出回退方案你的模式也应坦诚标注能力边界给用户关闭开关对智能按键这类有争议的行为README 提供了取消绑定的方法尊重不喜欢它的用户。 结语主模式不只是彩色文本而是建立在解析之上的一整套编辑体验。把这份七步清单套到你自己的语言上声明 → 派生 → 注册 → 高亮与解析 → 智能按键 → 缩进注释 → 测试构建你就能得到一个带高亮、带智能键、带测试的完整 Emacs 主模式。【免费下载链接】rjsx-modeA JSX major mode for Emacs项目地址: https://gitcode.com/gh_mirrors/rj/rjsx-mode创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 以rjsx-mode为蓝本：从零打造你自己的Emacs主模式完整清单
以rjsx-mode为蓝本从零打造你自己的Emacs主模式完整清单【免费下载链接】rjsx-modeA JSX major mode for Emacs项目地址: https://gitcode.com/gh_mirrors/rj/rjsx-moderjsx-mode 是一款为 Emacs 打造的 JSX 主模式major mode它扩展了 js2-mode 的解析器为 JSX 代码提供完整的语法检查、高亮与智能编辑体验。如果你想为自己的语言写一个 Emacs 主模式这篇文章就以这个轻量级开源项目为蓝本给出可直接照做的完整开发清单。⚡ 先认识 rjsx-mode一个小而全的主模式样本rjsx-mode 是学习主模式开发的理想范本基于成熟模式派生通过define-derived-mode继承js2-mode而非从零开始功能完整语法解析、高亮、缩进、智能按键、智能注释一应俱全工程规范自带 ERT 测试、Makefile 构建脚本与设计文档。核心实现全部在 rjsx-mode.el 中仅约 1400 行结构清晰模式声明 → 解析常量 → 解析器 → 交互命令 → 注释 → 缩进。快速体验在 Melpa 源中直接安装即可.jsx文件会自动进入 rjsx-mode也可以在本地 clone 仓库git clone https://gitcode.com/gh_mirrors/rj/rjsx-mode后用load-file加载体验。编辑组件时按下会自动补全/自闭合标签后按自动展开成标签对C-c C-r可重命名开闭标签——这就是一个主模式能带来的手感。 项目文件总览一个主模式仓库应该长什么样文件职责rjsx-mode.el核心实现模式声明、JSX 解析器、命令、缩进rjsx-tests.elJSX 解析的 ERT 测试js2-tests.el底层 js2 解析器的回归测试Makefile字节编译、运行测试、依赖下载js2-parser.md底层解析器架构设计笔记README.md安装与使用文档LICENSEMIT 开源许可这套一个主文件 测试 构建 文档的结构就是 Emacs 模式包的最小完备形态可直接照抄。 打造你自己的 Emacs 主模式七步完整清单1️⃣ 声明模式命名空间与可调参数用defgroup创建设置分组用defcustom定义用户可调变量。rjsx-mode 中的rjsx-max-size-for-frequent-reparse控制大文件下解析重触发频率rjsx-mode.el#L39-L492️⃣ 定义 major mode 本体关键一步是define-derived-mode宏rjsx-mode.el#L52-L64:lighter让模式行显示:RJSX方便识别主体内用setq-local绑定注释语法、缩进函数等缓冲区局部变量。所有后续功能都挂载在这一步声明的模式上。3️⃣ 注册文件扩展名让 Emacs 自动启用只需一行add-to-list将*.jsx关联到 rjsx-moderjsx-mode.el#L75。做你自己的模式时把正则换成目标语言的后缀即可。4️⃣ 语法高亮face 与递归下降解析器rjsx-mode 为标签名、属性、文本和括号定义了 4 个 facerjsx-mode.el#L93-L111。真正的难点在解析器它复用 js2 的词法器按 JSX 语法做递归下降并用advice把 js2 原有的 XML 初始化解析替换成 JSX 版本rjsx-mode.el#L77-L85。项目还在 js2-parser.md 中留下了底层解析器的详细笔记——自己写解析器前先读透基座模式的 token 流转方式。5️⃣ 智能按键让编辑手感上电这是主模式最有乐趣的部分——重写按键语义上下文智能插入/rjsx-mode.el#L884-L905/C-d展开自闭合标签rjsx-mode.el#L916-L949C-c C-r重命名当前标签的开闭两端rjsx-mode.el#L951-L978C-c C-j开闭标签间跳转rjsx-mode.el#L1000-L10156️⃣ 缩进引擎与智能注释JSX 缩进由专门的rjsx-indent-line承担在第 2 步绑定深度可通过js-indent-level等变量调整实现位于 rjsx-mode.el#L1277-L1419。注释处理rjsx-comment-dwim则会根据光标所在的 AST 节点类型自动选择合适的注释形式rjsx-mode.el#L1161-L12737️⃣ 测试与构建让模式可交付make test用 ERT 批量运行解析测试Makefile#L20-L22make字节编译以加速加载Makefile#L12-L18make install-deps一键下载底层解析依赖Makefile#L24-L26rjsx-tests.el 中 2800 多行测试用例让解析器的每次改动都有底气。⚠️ 避坑指南从 rjsx-mode 学到的三个经验别从零写解析器继承成熟的基础模式如 js2-mode能省掉八成工作rjsx-mode 只补了 JSX 缺失的那一块诚实声明局限README 明确写出 tab 缩进暂不支持并给出回退方案你的模式也应坦诚标注能力边界给用户关闭开关对智能按键这类有争议的行为README 提供了取消绑定的方法尊重不喜欢它的用户。 结语主模式不只是彩色文本而是建立在解析之上的一整套编辑体验。把这份七步清单套到你自己的语言上声明 → 派生 → 注册 → 高亮与解析 → 智能按键 → 缩进注释 → 测试构建你就能得到一个带高亮、带智能键、带测试的完整 Emacs 主模式。【免费下载链接】rjsx-modeA JSX major mode for Emacs项目地址: https://gitcode.com/gh_mirrors/rj/rjsx-mode创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考