巴士为您推荐： Adobe Brackets 代码编辑器

Brackets是一个针对网页设计师和前端开发人员的开放的源代码编辑器。它融合了可视化工具到编辑器中同时推进HTML和CSS作为你的代码到浏览器。 Brackets由Adobe创建和维护的开源 HTML/CSS/JavaScript 运行在native shell上的集成开发环境，根据MIT许可证发布。Brackets提供Windows 和OS X 平台支持。Brackets的特点是简约、快捷，没有很多的视图或者面板，它的核心目标是减少在开发过程中那些效率低下的重复性工作，例如浏览器刷新，修改元素的样式，搜索功能等等。

软件特色：

Brackest会检测文档是否符合html规范，把光标放在一个class或id属性的标签名称上，按下Ctrl/Cmd + E（“编辑”）或退出编辑。Brackets将搜索项目下所有CSS文件，然后打开一个内嵌的编辑器嵌入在HTML文件中，可以让你迅速修改CSS代码。Brackets同样支持对JS对象定义的快速预览/编辑，把光标放在一个js函数名称上，按下Ctrl/Cmd + E（“编辑”）或退出编辑。

Brackets内建取色器，提供RGBa、HEX、HSLa的颜色编码形式。把光标放在一个颜色编码上，按下Ctrl/Cmd + E（“编辑”），退出取色器窗口需要使用Esc键。

Brackets提供网页即时预览功能。使用该功能时，Brackets调用Chrome浏览器打开当前页面，此后修改html、css、javascript并保存后，所修改的内容会即时响应到浏览器中的页面，无须手动刷新页面。这是Brackets最大的一个亮点，有两个显示器的coder有福了，可以分屏显示Brackets和chrome，即时修改即时预览，无需切换编辑器/浏览器和刷新页面。

部分快捷键：

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

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

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

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

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

Ctrl/Cmd + / 行注释

Ctrl/Cmd + Alt + / 块注释

注：css代码、html代码注释时只能使用块注释快捷键