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

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 + / 块注释

优秀的插件

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

 

转载于:https://www.cnblogs.com/blog-leo/p/3653870.html