Brackets

描述

借助集中的可视化工具和预处理器支持，Brackets 是一个现代文本编辑器，可以轻松在浏览器中进行设计。试用适用于 Brackets 的 Creative Cloud Extract（预览版），这是一种无需生成代码即可直接从 PSD 获得干净、最少的 CSS 的简单方法。

从 PSD 获取代码提示

Extract for Brackets (Preview) 扩展允许您通过上下文代码提示从 PSD 中提取设计信息，包括颜色、字体、渐变和测量信息，作为干净、最小的 CSS。您还可以将图层提取为图像，使用 PSD 中的信息来定义预处理器变量，并轻松获取对象之间的尺寸。

内联编辑器

Brackets 无需在文件选项卡之间跳转，而是让您打开一个窗口，查看您最关心的代码。想要处理适用于特定 ID 的 CSS？将鼠标光标放在该 ID 上，按下 Command/Ctrl+E，Brackets 将在内联窗口中显示所有具有该 ID 的 CSS 选择器，这样您就可以并排处理您的代码，而不会出现任何弹出窗口。

实时预览

实时连接到您的浏览器。对 CSS 和 HTML 进行更改，您会立即在屏幕上看到这些更改。只需将光标放在浏览器上，即可查看 CSS 选择器的应用位置。这是代码编辑器的强大功能以及浏览器内开发工具的便利性。

预处理器支持

以全新的方式使用预处理器。我们知道预处理器对您的工作流程有多重要。这就是为什么我们想让 Brackets 成为最好的预处理器代码编辑器。使用 Brackets，您可以对 LESS 和 SCSS 文件使用 Quick Edit 和 Live Highlight，这将使使用它们比以往更容易。