精选适用于Sublime的排版插件安装

雨静君_7811

雨静君_7811

2026-09-01

127人浏览

原创

sublime text 代码格式化全靠插件:html-css-js prettify 是唯一推荐的三合一排版工具,需重启生效并手动绑定快捷键;pretty json 专用于合法json排版,依赖语法识别与内容校验;origami 实现窗格布局控制,非美化类插件。

精选适用于sublime的排版插件安装

Sublime Text 本身不带任何代码排版能力,所谓“一键格式化”全靠插件驱动;装错插件、配错参数、忽略语法模式,三者任一出问题,格式化就会静默失败——不是没反应,而是根本没触发。

HTML-CSS-JS Prettify:CSS/HTML/JS 排版唯一推荐

别碰名字含 “Beautify” 且两年没更新的插件,它们大多依赖 Node.js、配置僵硬、ST4 兼容性差。HTML-CSS-JS Prettify 是当前最稳的选择:不依赖外部运行时、支持独立配置 CSS 缩进和属性顺序、格式化结果可预测。

  • 安装路径必须是:Ctrl+Shift+P → Package Control: Install Package → 搜 HTML-CSS-JS Prettify → 回车
  • 装完必须重启 Sublime Text,否则 Preferences → Package Settings 里看不到该插件条目
  • 默认无快捷键,需手动绑定:进 Preferences → Key Bindings,加一行如 {"keys": ["ctrl+alt+f"], "command": "html_css_js_prettify"}
  • CSS 属性顺序要保留手写顺序(比如 display 必须在 z-index 前),必须设 "sort_properties": false;设 true 会按 ASCII 排,z-index 可能跑到 width 前面

Pretty JSON:JSON 格式化别无二选

Sublime 自带的 JSON 语法高亮 ≠ 格式化能力。Pretty JSON 是目前唯一对非法内容有明确边界、命令稳定、不乱报错的方案——但它只做一件事:把合法 JSON 排版整齐,其余一概不管。

AI小聚
AI小聚

一款AI视频创作工具,主要用于一站式多功能AIGC创作平台,支持AI绘画、AI视频、AI聊天、AI音乐,适合需要提升相关任务效率的用户。

下载
  • 前提条件缺一不可:文件右下角状态栏显示 JSON(点语言名手动切)、内容无单引号/尾随逗号/注释/未闭合括号、选中目标片段或整文件无非 JSON 内容
  • 验证是否合法最简单方法:复制内容到浏览器 DevTools Console,执行 JSON.parse(你的文本);报错就说明 Pretty JSON 不会处理
  • 默认快捷键是 Ctrl+Alt+J(Windows/Linux)或 Cmd+Alt+J(macOS),但首次调用建议等 3–5 秒,避免命令注册延迟
  • 快捷键失效?进 Preferences → Key Bindings 检查是否被其他插件覆盖,比如 Emmet 的 Ctrl+Alt+J 默认是插入 JSON 模板,冲突时后者优先

Origami:多窗格排版不是“美化”,是布局控制

很多人想“排版多个文件窗口”,其实真需求是:横向切分、把某个文件拖进右窗格、关掉中间一块但保留两边。Origami 不是主题或 UI 插件,它是直接操作 pane(窗格)层级的底层工具。

  • 必须先装好 Package Control 才能搜到 Origami;若 Ctrl+Shift+P 输入 Install Package 无反应,说明 Package Control 没装成功,得重走控制台安装流程
  • 常用快捷键:Alt+Shift+1 到 4 是四宫格,Alt+Shift+5 是自动均分,Ctrl+Alt+→ 把当前文件移到右侧窗格
  • 右键文件标签 → Move to Pane → Right 比记快捷键更可靠,尤其刚上手时
  • 别装 SplitPane 或 Pane Management:前者已停更,后者仅支持 ST2,和 ST4 冲突报错

最容易被忽略的是:所有排版行为都由配置文件驱动,不是“智能适配”。你刚从 Vue 项目切过来,插件不会自动识别 <style scoped></style> 里的规则;你改了 Preferences.sublime-settings 里的缩进,不影响 HTML-CSS-JS Prettify 的 CSS 缩进——它只认自己的配置项。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

2026.10.22

0

11

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

2026.10.22

0

10

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

2026.10.22

0

15

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

2026.10.22

0

10

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

2026.10.22

0

25

Golangci-lint配置文件与规则设置
Golangci-lint配置文件与规则设置

本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。

2026.10.22

0

15

Golangci-lint安装与入门教程
Golangci-lint安装与入门教程

本专题讲解Golangci-lint的安装、初始化、基础命令和首次代码检查,覆盖本地环境、Docker及多平台用法,帮助Go开发者快速上手。

2026.10.22

0

15

PHP2Shell高危漏洞修复教程
PHP2Shell高危漏洞修复教程

PHP2Shell漏洞是什么,哪些PHP版本和运行环境会受到影响,服务器应该如何检测与修复?本专题提供版本自查脚本、Linux与Docker升级命令、PHP-FPM和Apache排查步骤,以及修复验证、临时缓解和应急响应方案。

2026.10.22

20

12

剧云人物设定与关系管理教程
剧云人物设定与关系管理教程

本专题介绍剧云人物设定与关系管理,讲解角色小传、性格职业、人物目标、背景资料和关系网络的创建及维护方法。

2026.10.22

0

16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程