sublime如何快速格式化代码 _sublime代码对齐与美化插件

17次阅读

sublime Text通过安装插件可实现代码格式化,首先安装Package Control,再通过它安装html-css-js Prettify等插件,随后使用命令面板或自定义快捷键(如Ctrl+Alt+F)格式化代码,并可在设置中调整缩进、引号等风格,还可配合Jsformatpython-autopep8等插件支持更多语言

sublime如何快速格式化代码 _sublime代码对齐与美化插件

sublime text 本身不自带代码格式化功能,但通过安装插件可以实现快速格式化、对齐与美化代码。最常用且高效的方式是使用 HTML-CSS-JS PrettifyJsFormat 等插件,支持 HTML、CSS、javaScript 等前端语言的自动对齐和美化。

1. 安装 Package Control(如未安装)

Package Control 是 Sublime 的插件管理工具,几乎所有插件都通过它来安装。

  • 按下 Ctrl+Shift+P 打开命令面板
  • 输入 “Install Package Control” 并回车
  • 重启 Sublime 即可看到 Preferences 菜单下多出 “Package Control” 选项

2. 安装代码格式化插件

推荐安装 HTML-CSS-JS Prettify,它基于 Prettier,支持多种前端语言。

  • Ctrl+Shift+P 打开命令面板
  • 输入 “Package Control: Install Package” 回车
  • 搜索并选择 HTML-CSS-JS Prettify 安装

3. 使用插件格式化代码

安装完成后,可通过以下方式格式化代码:

  • 选中要格式化的代码段,或全选(Ctrl+A)
  • Ctrl+Shift+P 输入 “Prettify”,选择 “HTML-CSS-JS Prettify: Format”
  • 或设置快捷键:打开 Preferences → Key Bindings,添加如下配置:
    [     { "keys": ["ctrl+alt+f"], "command": "html_css_js_prettify", "args": { "action": "format" } } ]

4. 配置格式化选项(可选)

可在插件设置中自定义缩进、引号风格等。打开 Preferences → Package Settings → HTML-CSS-JS Prettify → Settings,修改 User 配置文件:

{   "print_width": 80,   "tabWidth": 2,   "useTabs": false,   "semi": true,   "singleQuote": true }

保存后格式化将按你的偏好进行。

5. 其他语言支持

若需格式化 json、Python、CSS 等,可配合其他插件:

  • JsFormat:专注 javascript 格式化
  • Python-autopep8:用于 Python 代码美化
  • JSON Reindent:一键对齐 JSON 数据

基本上就这些。搭配合适的插件和快捷键,Sublime Text 也能像 VS Code 一样高效地格式化代码。

text=ZqhQzanResources