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字符串