安装HTML-CSS-JS Prettify插件后,可通过命令面板或快捷键Ctrl+Alt+F一键格式化CSS代码,实现自动美化,支持自定义缩进、引号等样式设置。

Sublime Text 本身不带内置的 CSS 格式化功能,但可以通过安装插件来实现 CSS 代码的自动美化和格式化。最常用的方法是使用 Emmet 或 HTML-CSS-JS Prettify 插件来快速美化 CSS 代码。
1. 安装 Package Control(如果没有)
大多数插件都需要通过 Package Control 安装。按下 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(Mac),输入 “Install Package Control”,按提示安装。
2. 安装 HTML-CSS-JS Prettify 插件
这是最常用的代码美化工具之一,支持 CSS、JS、HTML 的格式化。
- 按下 Ctrl+Shift+P 打开命令面板
- 输入 “Install Package”,选择 “Package Control: Install Package”
- 搜索并安装 HTML-CSS-JS Prettify
3. 使用 Prettify 美化 CSS 代码
安装完成后,打开一个 CSS 文件,执行以下操作:
立即学习“前端免费学习笔记(深入)”;
- 全选代码(Ctrl+A)
- 按下 Ctrl+Shift+P,输入 “Prettify”,选择 HTML-CSS-JS Prettify: Prettify Code
- CSS 代码会自动格式化,缩进、换行、空格都会规范化
4. 配置 Prettify(可选)
你可以自定义格式化样式。进入菜单:
Preferences > Package Settings > HTML-CSS-JS Prettify > Set Prettify Preferences – Default
可修改缩进大小、引号风格、换行方式等。
5. 快捷键设置(提升效率)
可以为 Prettify 设置快捷键:
- 点击 Preferences > Key Bindings
- 在右侧用户键位绑定中添加:
{ “keys”: [“ctrl+alt+f”], “command”: “html_css_js_prettify” }
保存后,按下 Ctrl+Alt+F 即可快速格式化当前文件。
基本上就这些。只要插件装好,格式化 CSS 就变得很简单,一键搞定,代码立刻整洁清晰。
css linux html sublime js windows 工具 mac win css html JS default windows sublime text linux


