brackets文本编辑器是由Adobe推出的一款免费开源文本编辑器。这款工具能够兼容Windows,Mac以及Linux操作系统。可以用来编写HTML,CSS以及JavaScript等。比较适用于网页设计及开发程序。是网站设计师和开发人员专业变编写工具。这款文本编辑器支持快捷键操作,支持实时预览功能,感兴趣的用户不妨来本站下载吧。
特征介绍
1、Brackets的特点是简约、快捷,没有很多的视图或者面板,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等。
2、Brackets提供网页即时预览功能。使用该功能时,Brackets调用Chrome浏览器打开当前页面,此后修改html、css、Javascript并保存后,所修改的内容会即时响应到浏览器中的页面,无须手动刷新页面。这是Brackets最大的一个亮点,有两个显示器的coder有福了,可以分屏显示Brackets和chrome,即时修改即时预览,无需切换编辑器/浏览器和刷新页面。
3、目前即时预览功能的一些限制:
它仅适用于Chrome浏览器为目标浏览器,你必须安装Chrome。
它依赖于在Chrome浏览器中的远程调试功能,这是一个命令行标志启用。在Mac上,如果你已经在使用Chrome浏览器,这时启动即时预览,Brackets将询问你是否要重新启动Chrome浏览器启用远程调试功能。
基本功能
1、内联编辑器
Brackets不是在文件选项卡之间跳转,而是让你打开一个窗口进入你最关心的代码。想要处理适用于特定ID的CSS?将鼠标光标放在该ID上,按Command / Ctrl + E,Brackets将在内联窗口中显示带有该ID的所有CSS选择器,以便您可以并排处理代码而不用任何弹出窗口。
2、实时预览
获得与您的浏览器的实时连接。对CSS和HTML进行更改,您将立即在屏幕上看到这些更改。还可以通过简单地将光标放在浏览器上查看您的CSS选择器在浏览器中的位置。这是代码编辑器的强大功能,以及浏览器内开发工具的便利。
3、预处理器支持
以全新的方式与预处理器一起工作。我们知道预处理器对您的工作流程有多重要。这就是为什么我们希望Brackets成为预处理器的最佳代码编辑器。通过支架,您可以在LESS和SCSS文件中使用快速编辑和实时高光,这将使它们比以往更轻松地工作。
产品优势
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脚本功能,并为您提供将个性化工具作为扩展名包含的可能性。
快捷键有哪些
Ctrl/Cmd + Shift + H 可以呼出与关闭文件树
Ctrl/Cmd + Shift + O 快速打开文件
Ctrl/Cmd + E 快速预览/编辑 css样式/javascript函数
Ctrl/Cmd + +/– 放大缩小编辑区字体大小
Ctrl/Cmd + 0 重置编辑区字体大小
Ctrl/Cmd + Alt + P 打开即时预览功能
Ctrl/Cmd + Alt + / 块注释
Ctrl/Cmd + / 注释