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

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

Brackets - 又一款牛x的WEB开发编辑器_第1张图片

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

Brackets - 又一款牛x的WEB开发编辑器_第2张图片

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

 

你可能感兴趣的:(web开发)