beautify

brackets简易教程

常⽤的主题风格设置：

brackets常⽤插件安装以及语法⽀持

打开brackets扩展⽂件安装我们所需的插件，brackets⽀持es6，jsx，vue，ts等语法，可以安装对应的插件。

常⽤插件

1、Emmet(原名Zencoding)，快速书写HTML/CSS必备神器，菜单栏直接出现选项按钮

2、IndentGuides，显⽰⼀条竖直的缩进辅助线，有助于代码整齐，安装后在“视图”菜单栏下⽅就会有ndentGuides。

3、Beautify，⼀个代码格式化的软件，⽀持HTML/CSS/JAVASCRIPT，安装完毕后，选择菜单上的编辑→beautify（或使⽤快捷键

ctrl+alt+L）完成代码格式化

4、AutosaveFilesonWindowBlur，当软件失去焦点或切换程序时，⾃动保存所有⽂件，⽆按钮，⾃动后台实现。

5、Themes，可以改变编辑器的样式。安装以后，主菜单上会多出⼀个Themes，打开以后，选择想要的主题。

6、CSS3代码⾃动补全插件：autoprefix使⽤CanIU上的css3数据，⾃动补全css3前缀和浏览器兼容，不过可能有些新了。有⼀些旧

版本的浏览器会被抛弃掉。

7、PHP帮助⽂档-QuickDocsPHP选中位置，使⽤快捷键command+K（mac），ctrl+K（windows），可以快速查看PHP的帮助⽂

档。

8、CSSLint这个插件可⾼亮CSS错误及代码质量问题，它通过CSSLint来报告错误与警告。

9、与web主机传输与同步⽂件需要⽤到FTP或者SFTP，但使⽤Bracktes不需要这样。通过eqFTP扩展，你可以直接在Brackets中进⾏这些操

作。

10、LoremIpsumGenerator需要⼀些⽂字来填充设计原型？LoremIpsumGenerator可以快速的⽣成⼀些⽂本（如果你需要图⽚占位符的

话，可以看看LoremPixel和DEVimg）。

11、JSCSSMinifier这个扩展为你的JavaScript和CSS⽂件移除不必要的字符。这个过程成为压缩，它可以提升⽹页的加载速度。

12、BracketsIcons这是⼀个⾮常简单的扩展，它为你的Brackets边栏添加⽂件图标。该图标视觉体验⾮常好，可以快速帮你识别出你要编

辑的⽂件的类型。

13、CanIU不⽤离开Brackets就可以查看当前浏览器是否⽀持某个特定的WEB技术。这个扩展的数据来源于CanIu。