Brackets - 一款免费的前端开发工具

发布时间: 编辑:chromegood 0人评论 9883次浏览 软件下载
摘要 : Brackets是一款现代化的文本编辑器,具有集中的可视化工具和预处理器支持,可轻松在浏览器中进行设计。它是专为网页设计师和前端开发人员设计的。

Brackets软件简介

Brackets是由Adobe Systems开发并在GitHub上发布的开源前端开发工具。它可以免费使用。完美兼容Windows,Mac以及Linux操作系统。它支持HTMLCSSJavaScript三种通用语言,而且除了这三种语言之外,它还提供30多种语言版本,只要你用的是一般语言,就可以毫无问题地使用它。Brackets内置的即时预览 (Live Preview)功能,当你在编写网页时,便能够配合浏览器进行即时的更新,修改网页程式码后,会同步显示于浏览器里,如果配合双屏幕使用,那在开发网页上就更加得心应手。另外通过安装在GitHub上的扩展功能,你还可以将其自定义为你更顺手的前端工具。

Brackets软件简介

Brackets软件特色

1、初学者的最佳实用工具
brackets不同于其他的前端开发工具,一开始就可以设定语言,只要安装完毕就可以使用。因为没有必要可以去学习其他语言的标记,上手很方便。另外,修改后可以马上看到修改效果的“实时预览”功能;当光标移动到图像文件名的文字栏时,相关的图像就会弹出的“悬停视图”功能,这些都是方便初学者可以顺畅进行的实用功能。另外它还具有折叠代码的功能,就更容易使用了。
2、开源系统的前端开发工具
brackets是以开放源形式开发出来的,所有的源代码都被公开。使得软件在HTML,CSS,JavaScript上,都可以进行编辑,从而换成自己更容易使用的编辑器。另外,还有丰富的扩展功能(插件)可以免费使用。

Brackets软件功能

1、内联编辑
通过括号,您无需在文件选项卡之间跳转,而是可以打开一个窗口,进入您最关心的代码。是否想使用适用于特定ID的CSS?将鼠标光标放在该ID上,按Command/ Ctrl+E,括号将在内联窗口中显示具有该ID的所有CSS选择器,因此您可以并排处理代码而不会出现任何弹出窗口。

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

3、预处理器支持
以全新的方式使用预处理器。我们知道预处理器对您的工作流程有多么重要。这就是为什么我们希望让Brackets成为最适合预处理器的代码编辑器。使用括号,您可以对LESS和SCSS文件使用快速编辑和实时突出显示,这将使它们的使用比以往更加容易。

Brackets软件的扩展功能

brackets有各种各样的扩展功能,据说有数百种。在这里,我们可以就看三个最基础的功能。你可以从github,或者brackets中下载到。
1、Emmet
它大大提高了HTML和CSS的编码速度,是最受欢迎的扩展功能之一。 只需输入缩写代码,即可扩展出完整代码。由于可以节省时间和精力,因此可以大大提高工作效率。
2、Color Hint
记住您在同一CSS文件中使用过的颜色,然后按“#”将它们列为代码提示。 这对提高工作效率也是非常好的。
3、Beautify
通过使用此扩展,将杂乱的编码变得整齐美观。如果您提前设置缩进等等操作,还可以根据自己的喜好进行排列,另外您还可以将其设置为每次保存时自动调整。

Brackets软件下载安装

1.在本站下载Brackets软件安装包,双击开始安装 。

2.选择合适安装位置后点击Next.

Brackets软件下载安装

3.对许可证协议选择我接受后点击Install.

Brackets软件下载安装

4.安装中等待一会儿。

Brackets软件下载安装

5.安装完成。

Brackets软件下载安装

Brackets软件使用方法

1.打开Brackets软件如图;Brackets 支持多种语言,默认安装以后界面上是英文的,你可以选择自己喜欢的语言。

Brackets软件使用方法

2.点击Debug -> Switch Language。

Brackets软件使用方法

3.点开下拉菜单,选择你想要的语言后点击 Reload Brackets即可。

Brackets软件使用方法

4.左边的是工作空间Ctrl/Cmd+Shift+H可以呼出与关闭。

Brackets软件使用方法

5.左键点击文件夹的名字,就可以打开Open Folder,我们就可选择或者新建一个文件夹作为网站站点。

Brackets软件使用方法

6.接下来就是文件的新建,和编写了。只要你添加好了后缀,当你进行编写web的时候,他就自动关键字补全,很方便的。

Brackets软件使用方法

7.软件右面会有一个“三点”的符号,点击打开,他就会默认打开谷歌浏览器,实时刷新,很方便。

Brackets软件使用方法

8.实时浏览效果如下:

Brackets软件使用方法

9.Brackets软件还具有插件扩展功能,用户可以通过安装在GitHub上的扩展功能将其自定义为你更顺手的前端工具。

Brackets软件常见问题

一、Brackets怎么编译java?
1、打开软件,左边的是工作空间Ctrl/Cmd+Shift+H可以呼出与关闭。
2、左键点击文件夹的名字,就可以打开Open Folder,
3、只要添加好了后缀java,当进行java软件编写的时候,就可以实现自动补全和编译功能。
二、为什么要使用括号?
Brackets是一款轻巧但功能强大的现代文本编辑器。我们将可视化工具混合到编辑器中,以便您在需要时获得适量的帮助,而不会妨碍您的创作过程。您将喜欢在方括号中编写代码。

Brackets软件官网

http://brackets.io/#

Brackets软件下载地址

链接: https://pan.baidu.com/s/118xCfsHUksCQBugQLvQvPA 提取码: 9fbd

查看更多

转载必须注明来自:https://huajiakeji.com/software/2020-02/3073.html

JSON-handle

JSON-handle

3 人评论 100097 次人浏览 4.7分 4.7 分
JSON-handle是一款对JSON格式的内容进行浏览和编辑,以树形图样式展现JSON文档,并可实时编辑。
SelectorGadget

SelectorGadget

0 人评论 26921 次人浏览 4.5分 4.5 分
Chrome浏览器的一款插件,安装这个扩展插件后,能够为复杂网站的元素生成CSS选择器,有助于帮助你快速找到html的节点信息.
Notifier for GitHub

Notifier for GitHub

0 人评论 11872 次人浏览 4.0分 4.0 分
Notifier for GitHub是一款可以显示您的GitHub通知未读计数的chrome插件。
Github XP

Github XP

0 人评论 18074 次人浏览 4.0分 4.0 分
Github XP是一款可以将 GitHub 界面变成 Windows XP 界面风格的Chrome扩展程序。
GitZip for github

GitZip for github

0 人评论 77326 次人浏览 4.0分 4.0 分
GitZip for github是一款可以快速从GitHub上快速下载文件的chrome插件。
JetBrains IDE Support

JetBrains IDE Support

0 人评论 76360 次人浏览 3.7分 3.7 分
JetBrains IDE Support是一款webstorm网页开发调试工具,支持HTML/CSS/JavaScript编辑和JavaScript调试。
极简Json格式化插件

极简Json格式化插件

0 人评论 53193 次人浏览 3.2分 3.2 分
极简Json格式化是一个非常简单的Chrome插件,用于将JSON接口返回值格式化成可读方式。
Web Maker插件 - 前端代码编辑

Web Maker插件 - 前端代码编辑

0 人评论 8313 次人浏览 3.0分 3.0 分
Web Maker插件是一款可以快速在浏览器上打开并编写网页代码的chrome插件。它可以将我们浏览器的选项卡(可选) 转换成 web 编译器,我们可以在其中编写 HTML、CSS 和 JavaScript,同时还可以实时预览页面效果,支持离线使用。
egret inspector插件

egret inspector插件

0 人评论 8681 次人浏览 3.0分 3.0 分
egret inspector是一款由白鹭时代推出的一款能够帮助开发者可视化地调试Egret项目的插件,用以检查显示对象位置,查看或者编辑对象属性等。
Mathtype - 数学公式编辑器

Mathtype - 数学公式编辑器

0 人评论 8802 次人浏览 3.0分 3.0 分
Mathtype是由美国Design Science公司开发的一款强大的数学公式编辑器, 可帮助用户在各种文档中插入复杂的数学公式和符号,数学公式编辑器工具可以轻松输入各种复杂的公式和符号。它让你在做测试、网页、展示或撰写研究文件时,可以创建复杂的数值方程或技术表达式。
Firebug Lite for Google Chrome

Firebug Lite for Google Chrome

0 人评论 15772 次人浏览 3.0分 3.0 分
Firebug Lite提供了我们在Firebug中看到的丰富的可视化表示,涉及HTML元素,DOM元素和Box模型着色。 它还提供了一些很酷的功能,比如用鼠标检查HTML元素,以及实时编辑CSS属性。
AngularJS Batarang - Angular调试插件

AngularJS Batarang - Angular调试插件

0 人评论 19482 次人浏览 3.0分 3.0 分
angularjs batarang插件是一款功能强大的可以安装到谷歌浏览器上使用的Angular调试插件,安装使用这款angularjs batarang插件可以让你在开发过程中更加便捷。
AlloyDesigner - 前端开发工具

AlloyDesigner - 前端开发工具

0 人评论 17731 次人浏览 3.0分 3.0 分
AlloyDesigner是一款免费的web前端开发工具,它可以直接嵌入你的Web页面中运行,帮助你精准、高效的构建Web页面的UI。
老司机编码助手

老司机编码助手

0 人评论 31390 次人浏览 3.0分 3.0 分
老司机编码助手是一款可以将制定的文本内容进行编码和解码的chrome扩展程序。
评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?