寻找可自动对齐代码标点符号的格式化工具或编辑器插件
代码标点垂直对齐的格式化工具与插件推荐
以下是能实现冒号、逗号、箭头等标点垂直对齐,且支持自动补全空格的工具/插件:
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
相关产品推荐
相关产品推荐

