什么是 Brackets.io？

Brackets 是一款现代、轻量且功能强大的源代码文本编辑器。它主要用于 Web 开发。我们可以从官方网站 http://brackets.io/ 下载。在本节中，我们将讨论 Brackets 源代码文本编辑器、它的特性和版本。

Brackets.io 是一款免费开源软件，由 Adobe Systems 开发，Adobe 是世界上最知名的公司之一。它根据 MIT 许可证授权，目前由 Adobe 和 GitHub 上的其他开源开发者维护。它使用 JavaScript、HTML 和 CSS 编写。它是跨平台的，可在 macOS、Windows 和大多数 Linux 发行版上使用。Brackets 的主要目的是提供 HTML、CSS 和 JavaScript 的实时编辑功能。

Adobe 于 2014 年 11 月 4 日宣布了 Brackets 的第一个 (1.0) 更新。最新版本的 Bracket.io 添加了几个新功能，包括自定义快捷键组合等。Adobe 在 1.0 版本发布时宣布了一项功能，可以从 PSD 文件中提取设计细节，以方便 CSS 编码。

由于使用率低，该功能已于 2016 年 6 月 28 日正式停止使用。但是，借助 Photoshop 和 Dreamweaver 软件，Extract 仍然可用，而这两款软件都属于 Adobe Creative Cloud 及其付费服务和许可。Brackets 程序的最新版本是 1.14.2。

历史

Adobe 最初开始开发用于 Web 开发的 Edge Code 文本编辑器，该编辑器于 2014 年 11 月停止使用。后来，这项计划被转化为 Adobe Brackets。之后，Adobe 发布了一个非常重要的通知，即 Brackets 1.0 版本发布，标志着用于 Web 开发的开源框架已准备就绪，不再仅仅是一个实验性项目，因为他们最初是以实验的形式开始的。

Brackets 得到了 282 多名贡献者的贡献，并有 400 多项错误修复和新功能请求。每个版本的 Brackets 都下载了超过 100,000 次，并于 2015 年 1 月 16 日注意到，bracket.io 是 GitHub 上下载量最大的项目。

截至 2018 年 8 月 30 日，GitHub 上的 Brackets 存储库拥有 152 个分支、110 次更新和 17,700 次提交。根据 MIT 许可证，源代码是免费提供的。通过 fork 软件代码，开发人员可以修改 Brackets 的功能并根据自己的需要进行自定义。

Brackets 的功能

Brackets 提供了许多我们可以利用的功能，包括：

• Brackets 的快速编辑功能
• Brackets 的快速文档功能
• Brackets 的实时预览功能
• Brackets 的 JSLint 功能
• Brackets 的 LESS 支持功能
• Brackets 的开源功能
• Brackets 的可扩展性功能

Brackets 的快速编辑功能

它允许我们进行快速编辑，这是面向 CSS、颜色属性和 JavaScript 组件开发人员的内联编辑。这种内置功能可以同时应用于多个函数或资源，并且所有修改都直接应用于与正在更新的元素关联的文件。

HTML 文件

这种内置功能可以同时应用于多个函数或资源，并且所有修改都直接应用于与正在更新的元素关联的文件。

JavaScript 文件

快速编辑对 JavaScript 函数执行与 HTML 组件相同的过程，但在下拉框中显示所选功能的正文。对功能正体的所有更新都将直接在相关的 JavaScript 文件中传播和更新。包含十六进制或 RGB 颜色属性的文件。

对于颜色资产，快速编辑会返回一个内联颜色选择器，用于预览和更改颜色。

实时预览

此功能称为实时预览，此功能通常会自动将代码编辑推送到浏览器，以显示更新的网页，因为代码被开发人员更改。Brackets 包含一个 Node.js 后端，可以预测代码在开发人员键入代码时正在做什么。实时预览有两种情况：

• 无后端逻辑：使用实时预览，通过 Brackets 内置服务器提供静态内容，Brackets 可以在 Google Chrome 中启动选定的 HTML 文件。
• 后端逻辑：Brackets 可以将 Google Chrome 指向运行在具有后端逻辑的独立服务器上的指定项目 URL，但它将禁用与 HTML 相关的功能支持。因此，任何 HTML、PHP 等文件都无法在浏览器中实时更新，并且这些文件的元素高亮显示也将被禁用。

这些注入通常由内置的 Brackets 服务器管理，但当项目使用独立的个人服务器时，它们则不存在。

实时预览的局限性

• 它仅在 Google Chrome 浏览器上运行。
• 如果在 Chrome 中打开了开发者工具，它会断开所有实时连接。
• 在括号中，所有要访问的文件必须位于当前打开的文件夹内。
• 一次只能预览一个 HTML 文件。
• 当发现 HTML 存在语法错误时，实时更新会暂停。只有在语法纠正后，Brackets 才会恢复将更改推送到浏览器。

分屏视图

Brackets 的分屏视图将 Brackets 窗口分成两部分。用户可以根据自己的选择，垂直或水平地分割视图。它允许用户同时处理两个文件。

多文件格式支持

多文件格式支持为用户提供了同时处理多个项目文件的灵活性。

Brackets 支持 PSD 镜头功能，可以无缝地从 PSD 文件中提取所有照片、徽标和设计样式，而无需打开 Photoshop 来查找它们。

功能

• 在函数定义旁边显示一个函数被调用的次数。
• 在 Brackets 中记录函数调用获取的所有参数、返回的值和抛出的异常。

Extensions

开发人员可以通过开发使用 HTML、CSS 和 JavaScript 设计的扩展来为 Brackets 提供附加功能。也可以通过 Brackets 扩展注册表在线查找扩展。

这是一种内置功能，可以同时应用于多个函数或资源，并且所有修改都直接应用于与正在更新的元素关联的文件。简而言之，我们可以说 brackets.io 是一款轻量但高效的现代文本编辑器。

Brackets 是一个由活跃而热情的社区赞助的开源项目。它由其他 Web 开发人员进行渲染。Brackets 允许我们打开一个显示最重要代码的窗口，而不是在文件标签之间切换。