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的追溯调试JavaScriptauto prefix:CSS3代码自动补全插件(使用CanIUse上的css3数据,自动补全css3前缀和浏览器兼容,不过可能有些新了。有一些旧版本的浏览器会被抛弃掉。)brackets-code-folding:代码折叠插件(默认不支持代码的可折叠功能。通过此扩展的安装,对代码添加可折叠功能。安装URL:https://github.com/thehogfather/brackets-code-folding)Brackets Git:Git集成Brackets Kill Ring:类似Emacs的kill ringAlign It:对齐Pretty Json:格式化JsonPython flake8 Lint:Python的格式化Themes:配色ImageToData:图片转为base64字符串