那些神秘强大的bracket插件
1.代码格式化插件:Beautify
直接打开Brackets 插件管理器,搜索安装beautify。
或者通过url下载:https://github.com/brackets-beautify/brackets-beautify
安装完毕后,选择菜单上的编辑→beautify(或使用快捷键ctrl+alt+L)完成代码格式化
2.HTML代码编辑:Emmet
最强大的HTML和CSS快速编辑插件
直接打开Brackets 插件管理器,搜索安装Emmet。
或者通过url下载:https://github.com/emmetio/brackets-emmet
3.CSS和JS压缩插件:Minify
很强大的插件,集成了CSS和JS的压缩,会在同个目录下自动生成*.min.*格式的文件。
直接打开Brackets 插件管理器,搜索安装Minify。
或者通过url下载:https://github.com/abagshaw/brackets-minifier
4.css3代码自动补全插件:auto prefix
使用CanIUse上的css3数据,自动补全css3前缀和浏览器兼容,不过可能有些新了。有一些旧版本的浏览器会被抛弃掉。
5.代码折叠插件:brackets-code-folding
安装URL:https://github.com/thehogfather/brackets-code-folding
默认不支持代码的可折叠功能。通过此扩展的安装,对代码添加可折叠功能。
6.当关闭编辑器时自动保存所有打开未保存的文件:Autosave Files on Window Blur
类似Sublime Text2、phpstorm / webstorm的风格,之前提到的不足全部解决了。
7.Brackets主题:theme
安装URL:https://github.com/MiguelCastillo/Brackets-Themes
该扩展为一个用于使用基于CodeMirror的主题集的扩展。安装该扩展后应用程序菜单中出现“Themes”菜单,开发者可以为应用程序界面从中选用一个主题。
8.JS调试(JSHint)
搜索JSHint即可安装
9.QuickDocsPHP
内嵌的php函数文档,包括语法,值和规则。
10.CSSLint
CSS语法调试
11.Markdown Preview
markdown preview是一款支持markdown的实时预览的插件,对于经常写项目文档的用户,算是一个福音。
12.Brackets Color Palette
支持直接在图片上吸取颜色的小插件,切图利器。
13.brackets-snippets
搜集代码片段用的,方便快速编辑。
14.html-designer
专门为设计师提供的一款可实时预览设计的插件,让我想起了DW.
15.Popup Menu Brackets
支持鼠标右键,可以选择复制或者剪切功能。
16.AngularJS for Brackets
Angular 的一款扩展插件
17.Brackets Vue
一款支持 VUE语法高亮的插件
更多请登录官网:https://ingorichter.github.io/BracketsExtensionTweetBot/
常用快捷键
Ctrl/Cmd+Shift+H 可以呼出与关闭文件树
Ctrl/Cmd + E 快速预览/编辑 css样式/javascript函数
Ctrl/Cmd + +/- 放大缩小编辑区字体大小
Ctrl/Cmd + 0 重置编辑区字体大小
Ctrl/Cmd + Alt + P 打开即时预览功能
Ctrl/Cmd + / 行注释
Ctrl/Cmd + Alt + / 块注释
注:css代码、html代码注释时只能使用块注释快捷键
下载地址
官网下载地址:http://brackets.io/ 但好多人下载特慢或者下载不下来,原因是有一道墙!!!
所以小编放在了安全的地方,大家可以关注微信公众号"全栈弄潮儿",回复:brackets,即可获取下载链接。
前端面试题每日更新,欢迎参与讨论,地址:https://github.com/daily-interview/fe-interview。
更多angular1/2/4/5、ionic1/2/3、react、vue、微信小程序、nodejs等技术文章、视频教程和开源项目,请关注微信公众号——全栈弄潮儿。
脑筋急转弯:
生活小窍门