Brackets - 又一款牛x的WEB开发编辑器

浏览数：39 / 时间：2015年06月09日

Brackets官网下载： http://brackets.io/

Adobe Brackets是由Adobe主导开发一款主打web开发的编辑器。是继TextMate,Sublime Text这两个神器后，有望成为Web开发前后端开发神器。 Brackets自带强大的插件系统，先已有近百个插件，对nodejs, python, ruby, PHP, Rust等前后端语言都支持非常好。虽然是打着Web开发，从各种插件来看， Brackets的野心是不小的。

Brackets的主UI相对清爽，标准的左边文件栏，右边插件栏，下面各种信息和主要操作区域。

部分快捷键

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

优秀的插件

Beautify：代码格式化插件（直接打开Brackets 插件管理器，搜索安装beautify。安装完毕后，选择菜单上的编辑→beautify（或使用快捷键ctrl+alt+L）完成代码格式化）
Emmet：HTML代码编辑（最强大的HTML和CSS快速编辑插件）
Minify：CSS和JS压缩插件（很强大的插件，集成了CSS和JS的压缩，会在同个目录下自动生成.min.格式的文件）
Theseus：实时与在Chrome和Node.js的追溯调试JavaScript
auto prefix：CSS3代码自动补全插件（使用CanIUse上的css3数据，自动补全css3前缀和浏览器兼容，不过可能有些新了。有一些旧版本的浏览器会被抛弃掉。）
brackets-code-folding：代码折叠插件（默认不支持代码的可折叠功能。通过此扩展的安装，对代码添加可折叠功能。安装URL：https://github.com/thehogfather/brackets-code-folding）
Brackets Git：Git集成
Brackets Kill Ring：类似Emacs的kill ring
Align It：对齐
Pretty Json：格式化Json
Python flake8 Lint：Python的格式化
Themes：配色
ImageToData：图片转为base64字符串