三、Brackets：一个好用的Web前端开发编辑器

前言

如果你以前在使用 Dreamweaver 或 Zendstudio 编写HTML,CSS代码，那么你可以尝试使用这个编辑器。他的界面简洁，舒服。

介绍

• 免费、开源、跨平台的前端开发环境（只是前端开发环境），由Adobe创建和维护，遵循MIT License，支持 Windows、Linux、OS X 平台，大小只有40M左右。

功能特色

• Live Preview：代码一修改，浏览器中立即呈现，不需要多余的刷新页面操作。

• Open Folder命令：以一个文件夹作为一个工程。

• 快捷键 CTRL+ E
  • 光标停在某个id/class按下此快捷键，则快速显示关联的CSS、JS，免去了寻找对应CSS的烦恼。
  • 光标停在某个颜色上，则打开取色器。　

• 自动提示CSS、HTML、Javascript

快捷键

• Ctrl/Cmd+Shift+H 可以呼出与关闭文件树
• Ctrl/Cmd + E 快速预览/编辑 css样式/javascript函数
• Ctrl/Cmd + +/- 放大缩小编辑区字体大小
• Ctrl/Cmd + 0 重置编辑区字体大小
• Ctrl/Cmd + Alt + P 打开即时预览功能
• Ctrl/Cmd + / 行注释
• Ctrl/Cmd + Alt + / 块注释

参考文献

[1] http://brackets.io/

[2] http://www.360doc.com/content/13/1110/08/13232598_328064803.shtml