Adobe Brackets

Adobe Brackets是Adobe公司研制的一款无偿开放源代码且跨系统运行的HTML/CSS/JavaScript集成式开发环境(即Web前端编程工具)，现时可兼容Windows、Linux及Mac OS X。具备弹性，插件架构丰富完善，允许根据需求加载附加模块以强化应用性能。软件交互界面设计简约清晰，未配置冗余复杂装饰性元素。感兴趣的朋友赶快下载使用吧!

Adobe Brackets文件编辑

1、在文件树中点击index.html，主区域则打开index.html的文档

2、软件会自动检测文档是否符合html规范，如出现JS错误，会自动提示，如下图所示则表示在20行有一个style样式块需要放在head节点里。

3、把光标放在一个class或id属性的标签名称上，按下Ctrl + E(快速编辑)。Brackets将搜索项目下所有CSS文件，然后打开一个内嵌的编辑器嵌入在HTML文件中，可以让你迅速修改CSS代码

4、软件还支持对JS对象定义的快速预览/编辑，把光标放在一个js函数名称上，按下“Ctrl + E”即可

5、Brackets内建取色器，提供RGBa、HEX、HSLa的颜色编码形式。把光标放在一个颜色编码上，按下”Ctrl+ E“，退出取色器窗口时需要使用Esc键

Adobe Brackets软件优势

1.跨平台兼容，编码支持内置：编辑器全面适配Windows、Mac及Linux三大主流操作系统，无需因设备差异更换工具。同时内置HTML、CSS与JavaScript核心编码支持，开箱即可投入网页开发，省去额外配置插件的麻烦。

2.定位精准，适配核心用户：专注服务于网页设计师与开发人员，核心功能围绕HTML、CSS、JavaScript编写场景打造，功能聚焦不冗余，满足专业开发与设计的核心需求。

3.实时预览，提升编辑效率：独家Live Preview功能实现浏览器预览与源代码的快速切换，修改代码后无需手动刷新浏览器即可看到效果，有效缩短开发周期，大幅提升网页编辑速度。

Adobe Brackets软件特色

1、内联编辑器：聚焦核心代码，告别频繁跳转

Brackets打破传统编辑器在文件选项卡间反复切换的操作模式，让开发者能直接聚焦关键代码。例如需要修改某特定ID对应的CSS样式时，只需将鼠标光标定位到该ID上，按下Command(Mac系统)或Ctrl(Windows系统)+E组合键，软件便会在内联窗口中自动展示所有包含该ID的CSS选择器。开发者可实现源代码与关联样式的并排编辑，全程无弹窗干扰，操作流畅高效。

2、实时预览：浏览器联动，所见即所得

建立编辑器与浏览器的实时连接是该功能的核心优势。对CSS或HTML代码进行修改后，浏览器会即时同步呈现更改效果，彻底告别“修改-保存-刷新”的重复流程。更实用的是，将光标定位到某段CSS选择器上时，浏览器中对应的元素位置会同步高亮，直观呈现代码与页面元素的关联关系，兼具代码编辑器的精准与浏览器开发工具的便捷。

3、预处理器支持：适配高效开发流程

充分考虑预处理器在现代网页开发中的核心地位，Brackets致力于成为预处理器开发的最优工具。针对LESS与SCSS这两种主流预处理器文件，软件原生支持“快速编辑”与“实时高光”功能——既能快速定位关联代码片段，又能通过高亮效果清晰区分代码结构，让预处理器开发比传统方式更轻松高效。