"一个现代的,开源的,了解网页设计的编辑器"这是官方的宣传语。也就是说它适用于网页开发,包含了许多亮点功能:实时预览(Live Preview)、内联编辑(Inline Edit)、多行编辑(Multiple Selections)、快速文档(Quick Document)。它是基于Chrominu V8引擎运行的软件,在实际使用过程中偶尔会有卡顿(i5处理器+4G内存+固态硬盘);
官方网址:http://brackets.io/ 官方使用教程:https://github.com/adobe/brackets/wiki/How-to-Use-Brackets 多重选择教程:https://github.com/adobe/brackets/wiki/Working-with-Multiple-Selections Top100插件:http://brackets.dnbard.com/extensions
实时预览、行内编辑
打开一个文件夹就可以作为项目进行开发了,File -> Open Folder就可以进行项目开发了
多重选择,意味着你可以一次修改的多处代码,Esc键取消多重编辑
分隔选中到行:选中文本状态下,按ctrl + alt + l "选中后,按ctrl + alt + l")
连续选择:alt + 鼠标拖动
断续选择:ctrl + 鼠标点击
Brackets支持两种预览方式,均是基于chrome浏览器提供的开发者调试功能,所以只支持chrome实时浏览,一使用内置的静态服务器,二使用服务器(通常是本地)
内置静态服务器:支持css/html修改,以及less/sess远程服务器:通常是本地,需要设置File -> project setting指定当前页面的url注: 快捷键 ctrl + alt + p
不离开上下文即可编辑外部文件,例如在html页面就可以修改某元素的css、css文件内就可以使用取色器修改颜色、js可以修改外部的js文件;
注: 快捷键 ctrl + e
html支持标签和属性的提示,css支持key和value的提示,js提示很好,默认使用Jshit进行代码检测
使用包管理器进行插件安装,右侧Extension Manager。在线选中安装、从指定url中安装、本地安装,由于国内网络的原因部分插件可能无法下载;推荐以下插件:
名称作用名称功能代码编写 *Emmet快速编写HTML代码AutoprefixerCSS自动补全前缀,实现浏览器兼容*Markdown Previewmardkdown实时预览代码处理 *BeautifyHTML、CSS、JavaScript代码格式化JSLintjavaScript检查,brackets已经内置了JSHintjavaScript检查*CSSLintCSS检查*HTMLHintHTML检查*JS CSS MinifierJS CSS文件压缩CanIUse使用canIUse网站的数据,查看各个浏览器对css的支持程度版本控制 Brackets Gitbrackets继承git,依然需要安装git才能使用外观 Custom Work自定工作空间,修改了文本标签为水平Minimap像sublime一样能限时代码的缩略图brackets-power-mode很火的代码输入特效,特效颗粒、闪屏,无声音Brackets Icons文件列表对不同类型的文件前添加图标Indent Guides代码层次的缩进线注:插件编写官方教程
菜单仅仅能修改少量的设置,如:字体、主题等少量的。更多的设置需要修改json格式的配置文件,软件为中文语言状态下配置文件有中文注释。
菜单Debug -> Open Preferences File进行设置菜单Debug -> Open User keyMap File进行设置