You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

寻找可自动对齐代码标点符号的格式化工具或编辑器插件

代码标点垂直对齐的格式化工具与插件推荐

以下是能实现冒号、逗号、箭头等标点垂直对齐,且支持自动补全空格的工具/插件:

  • ESLint + eslint-plugin-align-assignments(JS/TS场景)
    针对JavaScript/TypeScript代码,该ESLint插件可自动对齐赋值语句的等号、对象属性冒号、箭头函数箭头等符号。在ESLint配置文件中启用align-assignments/align-assignments规则后,可自定义需要对齐的标点类型,保存代码时自动完成对齐,新增代码也会触发自动补全空格。

  • Stylelint + stylelint-align-value(CSS场景)
    针对CSS(含SCSS、Less)代码,这个Stylelint插件专注于对齐属性值前的冒号,实现属性列表的垂直对齐效果。配置对应规则后,编辑器保存时会自动格式化,适配新增代码的对齐需求。

  • VS Code插件Align(通用场景)
    这款编辑器插件支持手动或自动触发代码对齐,可自定义要对齐的标点(冒号、逗号、箭头等)。选中目标代码后执行对齐命令即可快速排版,也可配置为保存时自动触发,新增文本时自动补全空格维持对齐格式。

  • Prettier自定义插件扩展
    Prettier默认不支持这类垂直对齐,但可通过第三方插件(如prettier-plugin-align)扩展功能,实现冒号、箭头等符号的对齐。配置插件后,可和Prettier的自动格式化流程集成,新增代码时自动维持对齐格式。

内容的提问来源于stack exchange,提问作者Qadri Kautsar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 01:50:24