Brackets是一款轻巧但功能强大的现代文本编辑器。Brackets 非常适合前端人员使用，该编辑器可以实时预览效果，让你一边编辑一边查看输出效果，非常直观。
Brackets是开源的，并且非常专注于前端，下面我们介绍下它的主要特性。
快速编辑
这个特性非常棒，再你编辑HTML的CSS样式时不用再单独打开一个页签编辑CSS，可以直接编辑，避免页签之间的来回切换，提高了编辑效率。
你只需要将鼠标光标放在该ID上，按下Command/ Ctrl+E，括号将在内联窗口中显示具有该ID的所有CSS关联样式编码，因此您可以并排处理代码而不会出现任何弹出窗口。
实时预览
Brackets中内置了一个webserver，点击右上角闪电⚡符号，brackets会启动内置服务器，并启动chrome浏览器打开工作目录下被选中的文件。
对CSS和HTML进行更改，将立即在屏幕上看到这些更改。还可以通过将光标放在浏览器上点中元素，在编辑器中对应元素即会自动定位选择显示出来。
PHP支持
Brackets中的内置LSP（ 语言服务器协议）支持为许多开发人员开放了对PHP，Python等语言的支持。并启用诸如代码完成，诊断，跳转到定义等功能。
在用Brackets编写PHP代码时，您可以利用代码提示，功能参数提示，跳转到定义，文档和项目范围的符号，查找引用和诊断。
Brackets常用快捷键
| Windows | MAcOS | 描述 |
|---|---|---|
| Ctrl-E | Cmd-E | 打开/关闭内联编辑器（快速编辑） |
| 向上/向下 | 向上/向下 | 在嵌入式编辑器中的规则之间切换 |
| Ctrl-K | Cmd-K | 打开快速文档 |
| Ctrl-Space | Ctrl-Space | 调出代码提示（如果适用） |
| Ctrl-Shift-O | Cmd-Shift-O | 弹出快速打开提示 |
| Ctrl-G | Cmd-L | 转到当前文件中的一行 |
| Ctrl-T | Cmd-T | 转到当前文件中的方法/选择器（快速查找） |
| Ctrl-Shift-H | Cmd-Shift-H | 显示/隐藏侧栏 |
| Ctrl-Alt-P | Cmd-Alt-P | 实时预览 |
写在最后
如果你是一位前端开发者，Brackets可能是除了sublime text3、vscode等编辑器外更适合您的了，Brackets的快速编辑、实时预览一定会给你留下深刻的影响。如果你正在寻找一款适合前端开发使用的编辑器，不妨尝试尝试一下Brackets。