bracket 教程

分割窗口

View > Horizontal Split or View > Vertical Split
使用不同的窗格来显示文件。分割的时候，bracket同时也会建立第二个工作文件，来表示该窗格的文件是打开的哪一个文件。
View > No Split
关闭分割窗口

拓展

File > Extension Manager
安装额外的插件

主题

View > Theme
设置自己的主题
https://github.com/adobe/brackets/wiki/Creating+Themes

快速编辑(Quick Edit)

1.html文件
在标签中，按Ctrl/Cmd-E可以直接打开该标签的css样式进行编辑，而不必再去css文件中编辑
2.颜色
在编辑颜色的时候，可以打开一个颜色选择框
3.javascript
当选择函数名称的时候，会展示整个的函数定义，即使这个函数不是在同一个文件中定义的
4.css
In a CSS/LESS/SCSS file with the cursor on a cubic-bezier() or steps() transition timing function — Quick Edit opens a graphical transition curve editor. Pre-defined timing functions ease, ease-in, ease-out, ease-in-out, step-start, and step-end are also valid starting points.

快速文档(Quick Docs)

Ctrl/Cmd-K快速打开相关的文档

实时展示(Live Preview)

一边编辑代码，一边看结果，不需要保存之后再从新打开

静态文件展示(no backend logic)

File > Live Preview
brackets将会打开Chrome浏览器，只会展示静态的网页，不会带后台的逻辑。它有以下几个特点：
1.当你改写html代码的时候，会立刻在chrome中改变
2.自动识别htm, html, and xhtml
3.当更改别的类型的文件，当保存时页面会改变
4.当在编辑器中移动光表时，浏览器中会相应的高亮对应的内容

动态文件展示(Using backend)

File > Project Settings
输入网站的地址
然后用bracket打开对应的网页，并开启live preview模式

快速查看(Quick View)

当悬停在图片或者颜色相关的代码上时会自动展示

代码折叠(Code Folding)

可以折叠代码

多样的选取(Multiple Selections)

https://github.com/adobe/brackets/wiki/Working-with-Multiple-Selections

设置(setting)

1.在右下角设置TAB和缩进
2.设置字体和颜色

快速打开文档(Quick Open)

Ctrl/Cmd-Shift-O

快速查找定义Quick Find Definition

Ctrl/Cmd-T

Instant Find in Files

代码提示(Code Hints)

Ctrl-Space

代码检查(ESLint)