分割窗口
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