https://brackets.io

Brackets for mac版是一个MacOS上的代码编辑器，能够以PSD形式实时监控自己web的前端效果，Brackets并不是一个简单的web编辑工具，它强大的插件系统足够满足用户的其他编辑需求。

Brackets mac免费版安装教程

在本站下载完Brackets for Mac(代码编辑器)后打开，双击后缀pkg的包,按照安装引导器进行安装即可！

Brackets mac免费版功能介绍

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

2、实时预览
获取与浏览器的实时连接。对CSS和HTML进行更改，您将立即在屏幕上看到这些更改。还可以通过简单地将光标放在浏览器上来查看CSS选择器在浏览器中的应用位置。它是代码编辑器的强大功能，具有浏览器开发工具的便利性。

3、预处理器支持
以全新的方式使用预处理器。我们知道预处理器对您的工作流程有多重要。这就是为什么我们想让Brackets成为预处理器的最佳代码编辑器。使用Brackets，您可以将快速编辑和实时突出显示与LESS和SCSS文件一起使用，这将使您的工作变得前所未有的简单。

Brackets mac免费版软件特征

1、可以处理HTML，CSS和Java Script
第一次启动Brackets应用程序时，它将打开一个“入门”项目，您可以在其中了解有关该应用程序的更多信息并了解如何使用它。值得注意的是，当您处理HTML文档时，您可以选择查看和编辑所有相关的CSS元素。此外，通过在鼠标悬停在各种CSS或Java Script函数之上时使用Command + E键盘快捷键，您可以激活内联QuickEdit函数，该函数允许您编辑CSS规则或Java Script函数。

2、轻松预览浏览器中的代码修改
Brackets附带实时预览功能，启用后，将在Web浏览器中打开当前文档。在源代码文档中进行的任何修改都将立即反映在Web浏览器预览中：这样您就可以在不需要任何努力的情况下同时处理项目并查看结果。通过安装由您自己或社区中的其他成员开发的插件，可以轻松扩展Brackets功能。首先，您可以浏览Brackets Extension Registery网站，看看您是否能找到可能使您的工作更轻松的扩展程序。

3、功能强大的代码编辑器
Brackets为您提供在干净，有组织的环境中处理Web设计项目的可能性，附带调试工具，并允许您实时预览结果。此外，该应用程序使您能够在内联编辑器中预览和编辑CSS规则和Java脚本功能，并为您提供将个性化工具作为扩展名包含的可能性。

Brackets mac免费版快捷操作

Cmd + Shift + H 可以呼出与关闭文件树
Cmd + Shift + O 快速打开文件
Cmd + E 快速预览/编辑 css样式/javascript函数
Cmd + +/– 放大缩小编辑区字体大小
Cmd + 0 重置编辑区字体大小
Cmd + Alt + P 打开即时预览功能
Cmd + / 注释
Cmd + Alt + / 块注释

Brackets mac免费版更新日志

Brackets 1.14.2版本带来了一项新的增强功能，使您可以使用外部应用程序打开任何文件类型。在“用户首选项”设置中，您可以将文件扩展名与系统默认的关联应用程序关联或与特定的应用程序关联。
您可以通过转到“调试”->“打开首选项文件”菜单并编辑首选项“ externalApplications”来添加/修改/删除文件类型关联。
以下是文件类型关联的可能值：
1.默认（Brackets将在系统默认应用程序中打开文件类型的文件）
2.应用名称
3.应用程序绝对路径。
在打开具有图形文件类型的文件夹时，首次提示您选择将图形文件类型：.psd，.jpg，.ai，.svg，.png，.xd与默认应用程序关联的选项（功能参考）工作流程）。将关联保存在“括号”首选项中后，您将可以双击并在其关联的应用程序中打开这些文件类型。