brackets简易教程

brackets 1.5下载地址
选择安装对应的版本,安装完成之后，我们修改成中文版本。找到菜单栏的debug --> switch language --> 选择简体中文，重新加载软件即可。

常用的主题风格设置：

clipboard.png

brackets常用插件安装以及语法支持

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

常用插件

1、Emmet(原名Zen coding)，快速书写HTML/CSS必备神器，菜单栏直接出现选项按钮
2、Indent Guides，显示一条竖直的缩进辅助线，有助于代码整齐，安装后在“视图”菜单栏下方就会有ndent Guides。
3、Beautify，一个代码格式化的软件，支持HTML/CSS/JAVASCRIPT，安装完毕后，选择菜单上的编辑→beautify（或使用快捷键 ctrl+alt+L）完成代码格式化
4、Autosave Files on Window Blur，当软件失去焦点或切换程序时，自动保存所有文件，无按钮，自动后台实现。
5、Themes，可以改变编辑器的样式。安装以后，主菜单上会多出一个 Themes ，打开以后，选择想要的主题。
6、CSS3 代码自动补全插件：auto prefix 使用 CanIUse 上的 css3 数据，自动补全 css3 前缀和浏览器兼容，不过可能有些新了。有一些旧版本的浏览器会被抛弃掉。
7、PHP 帮助文档 - QuickDocsPHP选中位置，使用快捷键 command + K（mac），ctrl + K （windows），可以快速查看 PHP 的帮助文档。
8、CSSLint 这个插件可高亮CSS错误及代码质量问题，它通过CSS Lint来报告错误与警告。
9、与web主机传输与同步文件需要用到FTP或者SFTP，但使用Bracktes不需要这样。通过eqFTP扩展，你可以直接在Brackets中进行这些操作。
10、Lorem Ipsum Generator 需要一些文字来填充设计原型？Lorem Ipsum Generator 可以快速的生成一些文本（如果你需要图片占位符的话，可以看看Lorem Pixel 和 DEVimg）。
11、JS CSS Minifier 这个扩展为你的 JavaScript 和 CSS 文件移除不必要的字符。这个过程成为压缩，它可以提升网页的加载速度。
12、Brackets Icons 这是一个非常简单的扩展，它为你的 Brackets 边栏添加文件图标。该图标视觉体验非常好，可以快速帮你识别出你要编辑的文件的类型。
13、CanIUse 不用离开 Brackets 就可以查看当前浏览器是否支持某个特定的 WEB 技术。这个扩展的数据来源于 Can I use。

clipboardss.png