alignment插件仅按指定字符(如=、:)视觉对齐选中多行,不格式化代码结构、不修缩进、不校验语法;安装后需手动选中目标行,再按ctrl+alt+a(win/linux)或cmd+alt+a(macos)触发。

Sublime 本身不支持自动对齐属性,必须靠插件实现;Alignment 插件最轻量可靠,但只做“对齐”不做“格式化”,别指望它修缩进、补分号或重排括号。
Alignment 插件怎么装、怎么用
它不依赖 Node.js,不校验语法,也不改结构,就干一件事:把选中的多行按指定字符(比如 = 或 :)垂直对齐。
- 安装:Ctrl+Shift+P → 输入
Package Control: Install Package→ 搜Alignment安装 - 对齐操作:选中要对齐的多行(比如一堆 CSS 声明或 JSON 键值对),按
Ctrl+Alt+A(Windows/Linux)或Cmd+Alt+A(macOS) - 默认对齐
=和:,想加->或:后空格?改Preferences → Package Settings → Alignment → Settings – User,写入:{ "alignment_chars": ["=", ":", "->"], "alignment_space_chars": [":"] }
CSS 里用 Alignment 对齐,为什么经常对歪
因为 Alignment 只看“当前行有没有冒号”,不识别语法层级。嵌套规则(@media 里套 &)、自定义属性(--foo:)、calc() 里的冒号都会被当成对齐锚点,导致错位。
- 解决办法:先用
CSScomb格式化整段 CSS,再手动选中某几行用 Alignment 对齐——别全选,只选你真想对齐的声明块 - 别对齐带注释的行(
/* ... */),Alignment 会把注释当内容一起拉偏 - 如果用了 PostCSS 插件(如
postcss-custom-properties),确保变量定义(:root { --c: #000; })和使用(color: var(--c);)没混在同一批选中里,否则var(--c)里的括号可能被误切
JSON 里 Alignment 能不能对齐 : 左右空格
能,但仅限“已经合法且已换行”的 JSON。Alignment 不负责换行、不加引号、不校验单引号或尾逗号——它只在你已有分行基础上做视觉对齐。
- 必须先用
Pretty JSON或JSON Reindent把 JSON 弄成多行格式,再选中键值对区域按Ctrl+Alt+A - 如果
"name":"John"还是挤在一行,Alignment 对它完全无效 - 对齐后若发现
"age" : 30中间空格数不一致,说明原始行缩进不统一,得先用Ctrl+Shift+P → Reindent统一缩进再对齐
Alignment 是把双刃剑:快、稳、无依赖,但必须清楚它只动光标选中的范围,且完全不管语义。真正容易被忽略的是——它不会帮你判断“这一堆值该不该对齐”,全靠你手动框选。选多了,对出 bug;选少了,白按一次。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











