Brackets下载和安装教程（附安装包）

Brackets 是 Adobe 推出的开源、免费、跨平台的前端编辑器，采用 JavaScript、HTML 与 CSS 自写而成。

Brackets 将“Live Preview”实时浏览器刷新、Quick Edit 内联样式修改与代码高亮、Emmet 补全集于一身，使设计师在分屏状态下即可一边写 HTML/CSS，一边在 Chrome 中即时查看效果，被社区誉为“为 Web 而生的轻 IDE”。

Brackets 的核心特性聚焦前端：

• 打开 CSS 文件时按 Ctrl+E 即可在光标处弹出内联编辑器，直接修改选择器；
• Live Preview 通过远程调试端口把代码变动秒级推送到 Chrome，无需手动刷新；
• 内置 JSLint、取色器、图片尺寸提示，支持多标签与垂直分割；
• 扩展仓库提供 Beautify、Git、TypeScript 等插件，可通过 npm 方式本地安装，也能自己写 Node.js 模块拓展功能。

Brackets 的应用场景覆盖网页原型、课程教学、CMS 模板、小程序界面与 Node.js 调试等；对追求“即写即看”的 UI 设计师或前端新手尤为友好。

下载Brackets

这里为大家提供了 Brackets 多个版本的安装包：

网盘下载：https://pan.quark.cn/s/6fd77cb1108c

安装Brackets

以 Windows 为例，下载得到 Brackets-2.2.1.exe，双击运行：


自定义安装路径（建议安装到非系统盘，比如图中的 D 盘），勾选“I agree...”，点击“下一步”：


点击“自定义”：


直接点击“Modify”：


等待安装完成，出现下图的界面，表示成功安装 Brackets：


在“开始”菜单里找到 Brackets：


启动后，Brackets 的主界面如下图所示：