新浪微博 Github

三、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

posted @ 2014-02-23 16:57  xiazdong  阅读(3127)  评论(6编辑  收藏  举报