Brackets v1.14.2官方版

Brackets官方版是由Adobe公司开发并免费开源的一款文本编辑器软件。Brackets官方版支持Windows、Mac和Linux操作系统，并且内置HTML、CSS、JavaScript码源，可直接用户编写HTML网站代码，十分适合网页设计师和开发人员。Brackets官方版有一个独特的Live Preview功能，在你编写HTML代码的时候可以直接在浏览器预览界面与代码源界面之间来回切换，让你在编写网页码源的时候，还可以实时看到网页效果，极大地提高了网页代码编写效率。Brackets官方版还支持插件拓展功能，用户可以自定义添加拓展插件，如Git整合、JSHint支持等来增加编辑器的功能。

Brackets官方版功能介绍

1、快速编辑

将光标定在颜色上，按下快捷键Ctrl+E即可编辑颜色。

将光标定在标签或者class或者id上，Brackets就会搜索整个目录下的css，列出匹配的项，快速编辑样式，再也不用到处找样式啦！

2、快速文档

文档是英文的，快捷键是Ctrl+K，简单测试得出，可以提示css属性的用法

3、多点编辑

选中一串字符，按Ctrl+B可以连续选择相同的字符一起编辑。或者可以通过按住Ctrl+鼠标左键点击来设定多个编辑点。

4、目录管理

侧边栏分为两块，上面一块工作区，显示当前打开的文档，下面一块是当前目录的文件列表，点击目录名称可以添加新的目录或者切到其它目录（Brackets里叫目录，不叫项目，其实一样）。工作区右边两个按钮，一个是设置排序按钮，一个是分屏按钮，可以将屏幕横切或竖切成两块。

5、实时预览

实时预览，你懂的。用过Sublime Text的应该知道Emmet LiveStyle，但是有许多问题。而Brackets的实时预览是编辑器本身就整合的，使用起来要好的多。点击右侧扩展里的第一个闪电图标打开实时预览。

第二个图标是同步手机端实时预览，手机端需要安装Edge CC。

其实Brackets还有另外一个名字Adobe Edge Code CC，他们的功能几乎一模一样，至于到底什么关系，就等英语学的好的大神们去窥探了。

6、JSLint语法检查

对js文件，内置JSLint语法检查器，它可以检查出一些难以用肉眼发觉的错误

Brackets官方版使用方法

1、打开软件，就能看到下面的界面。左边的是工作空间Ctrl/Cmd+Shift+H可以呼出与关闭。

2、左键点击文件夹的名字，就可以打开Open Folder，我们就可选择或者新建一个文件夹作为网站站点。

3、接下来就是文件的新建，和编写了。只要你添加好了后缀，当你进行编写web的时候，他就自动关键字补全，很方便的。

4、实时浏览：又点会有一个“三点”的符号，点击打开，他就会默认打开谷歌浏览器，实时刷新，更加方便。

效果如下，一边写代码，一边就能够看效果。

Brackets官方版快捷操作

Ctrl/Cmd + Shift + H 可以呼出与关闭文件树。

Ctrl/Cmd + Shift + O 快速打开文件。

Ctrl/Cmd + E 快速预览/编辑 css样式/javascript函数。

Ctrl/Cmd + +/– 放大缩小编辑区字体大小。

Ctrl/Cmd + 0 重置编辑区字体大小。

Ctrl/Cmd + Alt + P 打开即时预览功能。

Ctrl/Cmd + / 注释。

Ctrl/Cmd + Alt + / 块注释。