前面介绍过这个前端开发编辑器:bracket。发现使用的人很多,但往往不能发挥其最大的特性,其实这个编辑器还是有许多有用的插件可以武装,下面再次介绍一下有强大的bracket插件。
1.代码格式化插件:Beautify
直接打开Brackets 插件管理器,搜索安装beautify。
安装完毕后,选择菜单上的编辑→beautify(或使用快捷键ctrl+alt+L)完成代码格式化
2.HTML代码编辑:Emmet
最强大的HTML和CSS快速编辑插件
3.CSS和JS压缩插件:Minify
很强大的插件,集成了CSS和JS的压缩,会在同个目录下自动生成*.min.*格式的文件。
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即可安装
内嵌的php函数文档,包括语法,值和规则。
10.CSSLint
CSS语法调试
更多请登录官网:https://ingorichter.github.io/BracketsExtensionTweetBot/