Atom编辑器如何设置代码格式化的快捷键-atom-PHP中文网

atom默认无格式化快捷键，ctrl+s需先解绑core:save再按语言scope重绑prettier:format，并启用插件“format on save”才生效。

atom编辑器如何设置代码格式化的快捷键

Atom 默认不带任何格式化快捷键，按 Ctrl+Alt+B 或 Ctrl+S 不起作用是正常现象——不是你装错了，而是它根本没绑定。

常见失效不是插件没装，而是三个关键点漏掉任一：scope 不匹配、keymap.cson 语法错误、没执行 Window: Reload。Atom 的快捷键绑定极其依赖 CSON 格式和作用域层级，写错一个缩进或引号，整段规则就静默失效。

右下角显示 Plain text？必须先右键 → Language Mode 切成 JavaScript、CSS 等明确类型
插件已启用但命令未注册？打开 Command Palette（Ctrl+Shift+P），输入 beautify 或 prettier，看对应命令如 atom-beautify:beautify-editor 是否可搜到
keymap.cson 路径写错？Windows 是 %USERPROFILE%\.atom\keymap.cson，macOS/Linux 是 ~/.atom/keymap.cson，改错文件完全无效
写了但没 reload？保存后必须按 Ctrl+Alt+R（Win/Linux）或 Cmd+Alt+R（macOS），重启 Atom 不必要也不够快

atom-beautify 默认不注册快捷键，必须手动加进 keymap.cson。它用的命令是 atom-beautify:beautify-editor，注意拼写和冒号不能少。

Clipfly

一款AI视频创作工具，主要用于一站式AI视频生成和编辑平台，提供多种AI视频处理、AI图像处理工具，适合需要提升相关任务效率的用户。

下载

打开 keymap.cson（菜单 → Atom → Open Your Keymap）
在末尾添加（缩进用 2 空格，字符串用单引号）：
```
'.editor': 'ctrl-alt-b': 'atom-beautify:beautify-editor'
```
保存后立即按 Ctrl+Alt+R 重载窗口
验证：打开 .js 文件，全选（Ctrl+A）再按 Ctrl+Alt+B —— 只格式化选中部分；不选中则格式化整个文件

不能只加一条新绑定，否则 core:save 和 prettier:format 会并发执行，结果是刚格式完就被旧内容覆盖。必须「先解绑，再按语言重绑」。

在 keymap.cson 顶部加：
```
'*': 'ctrl-s': 'unset!'
```
再按真实 scope 添加（用 Developer: Toggle Dev Tools → 控制台执行 atom.workspace.getActiveTextEditor().getGrammar().scopeName 查准 scope）：
```
'.source.js': 'ctrl-s': 'prettier:format' '.source.css': 'ctrl-s': 'prettier:format'
```
同时确保 prettier-atom 插件设置里勾了 Format on save，否则未保存缓冲区可能静默失败
别用 atom-text-editor 这种宽泛选择器——它容易被其他插件更精确的规则覆盖

atom-beautify 是通用调度器，但对 JSX/TS/Vue 容易误拆结构；prettier-atom 更稳但默认不支持 .vue；XML 和 SQL 需专用插件。命令名和依赖工具都不同，混用会报 beautifier not found。

JS/TS/JSX/CSS：装 prettier-atom，命令是 prettier:format，依赖全局 npm install -g prettier
Python：用 atom-beautify + 本地装 autopep8 或 black，命令是 atom-beautify:beautify-editor
XML：卸载 atom-beautify 的 XML 支持，单独装 xml-formatter，命令是 xml-formatter:format，绑定 Ctrl+Alt+Shift+B
.vue 文件：prettier-atom 默认不处理，需在插件设置里手动添加 language ID vue，且右下角必须切为 Vue Component