Brackets是一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境的IDE工具。支持 Windows、Linux 以及 OS X 平台。Brackets 的特点是简约、优雅、快捷！它没有很多的视图或者面板，也没太多花哨的功能，它的核心目标是减少在开发过程中那些效率低下的重复性工作，例如浏览器刷新，修改元素的样式，搜索功能等等。

【功能特色】

　　1、内联编辑器

　　不要在文件选项卡之间跳，括号可以让你打开一个窗口，你最关心的代码。想在应用于特定的CSS ID？把你的鼠标光标，ID，按命令/按Ctrl + E和括号将告诉你所有的CSS选择器在内联的窗口，这样你可以在你的代码中没有任何弹出窗口并排。

　　2、实时预览

　　获取一个实时连接到您的浏览器。更改CSS和HTML，你可以立即在屏幕上看到这些变化。也看看你的CSS选择器是通过简单地把你的光标在浏览器中的应用。这是一个在浏览器开发工具方便的代码编辑器的力量。 　　3、预处理器的支持

　　在一个全新的预处理工作。我们知道如何重要的是你的工作流程处理程序。这就是为什么我们要括号有使预处理器的最好的代码编辑器。支架可以使用快速编辑和生活的突出你少SCSS文件将与他们的工作比以往更容易。

【快捷键说明】

　　Ctrl/Cmd + Shift + H 可以呼出与关闭文件树

　　Ctrl/Cmd + Shift + O 快速打开文件

　　Ctrl/Cmd + E 快速预览/编辑 css样式/javascript函数

　　Ctrl/Cmd + +/– 放大缩小编辑区字体大小

　　Ctrl/Cmd + 0 重置编辑区字体大小

　　Ctrl/Cmd + Alt + P 打开即时预览功能

　　Ctrl/Cmd + Alt + / 块注释

　　Ctrl/Cmd + / 注释

【前端开发工具演示】