Brackts

软件简介：

Brackets 是一个免费、开源且跨平台的 HTML/CSS/Javas cript 前端 WEB 集成开发环境 (IDE工具)。该项目由Adobe 创建和维护，根据MIT许可证发布，支持 Windows、Linux 以及 OS X 平台。

Brackets 的特点是简约、优雅、快捷！它没有很多的视图或者面板，也没太多花哨的功能，它的核心目标是减少在开发过程中那些效率低下的重复性工作，例如浏览器刷新，修改元素的样式，搜索功能等等。和 Sublime Text、Everedit 等通用代码编辑器不一样，Brackets 是专门针对 WEB 前端开发而生……

本文章适合已经了解过软件特点，但还未使用熟练的人，其实我也才用一个星期；

使用技巧：

常用快捷键：

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

       Ctrl/Cmd + E：(“编辑”)或退出css快捷编辑

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

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

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

       Ctrl/Cmd + / 行注释

       Ctrl/Cmd + Alt + / 块注释

常用插件：

h)Brackets Beautify：快速格式话html和css代码，十分对其工整；快捷键：ctrl+shift+l

i)Brackets CSS Class Code hint：自动收索css文件中的class和id名，直接在主面板提示出来，非常方便bootstrap开发

j)Emmet：快捷写代码，从此轻功再未落地；例：输入”div.header“+tab；输出<div class=”header”></div>

k)Extract for Brackets (Preview):直接在brackets中浏览psd文件，且自动识别，宽高，字体大小，让你代码都不用写；（最大只支持16m；）

已知bug

l)css不能继承选择，只能手动继承选择，尤其是你需要写<h3><p>之类标签的样式时

m)写背景css时需要敲background-image：+url（）+../images;否则浏览期自动刷新会显示，但是你用浏览器独立浏览时不显示背景图片；原因是没打前面两个点

n)部分标签不提示，例：hover;solid;你需要自己去敲完整；