Brackets—又一款WEB开发神器

jopen 7年前

Brackets—又一款WEB开发神器

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

Brackets—又一款WEB开发神器

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. HTML 代码编辑:Emmet

最强大的 HTML 和 CSS 快速编辑插件

3. CSS 和 JS 压缩插件:Minify

很强大的插件,集成了 CSS 和 JS 的压缩,会在同个目录下自动生成 .min. 格式的文件。

4. CSS3 代码自动补全插件:auto prefix

使用 CanIUse 上的 css3 数据,自动补全 css3 前缀和浏览器兼容,不过可能有些新了。有一些旧版本的浏览器会被抛弃掉。

5. 代码折叠插件:brackets-code-folding

安装 URL:https://github.com/thehogfather/brackets-code-folding

默认不支持代码的可折叠功能。通过此扩展的安装,对代码添加可折叠功能。

6. Brackets Git

Git 集成

7. Brackets Kill Ring

类似 Emacs 的 kill ring

8. Align It

对齐

9. Pretty Json

格式化 Json

10. Python flake8 Lint

Python 的格式化

11. Themes

配色

12. ImageToData

图片转为 base64 字符串

官网下载:

Brackets:http://brackets.io/

via cngump.com

来自: ourmacs.com