brackets 1.5下载地址
选择安装对应的版本,安装完成之后,我们修改成中文版本。找到菜单栏的debug --> switch language --> 选择简体中文,重新加载软件即可。
常用的主题风格设置:
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。