如何使用Adobe支架？Adobe括号是一个开源、简洁、强大的HTML、CSS和JavaScript的集成开发环境。下面，边肖将介绍如何使用Adobe支架。

一、项目设置

1.打开括号，整个界面非常简单，而且顶部菜单栏只提供了文件】退出的功能来退出编辑器。左边是项目组织结构的文件树，可以使用Ctrl/Cmd Shift H调出关闭.编辑区在右边，工具栏在上面，文档区在中间，提示区在下面。

2.打开项目使用“文件”打开文件夹命令打开项目文件夹。左侧文件树的项目名称更新为项目文件夹名称，文件树更新为当前项目的文件树。

单击项目名称上的左键，弹出项目编辑菜单，将显示历史项目和项目编辑命令。

打开文件夹命令：打开一个新项目。

项目设置命令：设置当前项目的网址，在调试和预览页面时使用。

设置要求：必须是以http://开头的网址。

如上图，设置为http://127.0.0.1/demo/slide时，在浏览器预览时会通过网址打开对应的页面。

如果未设置，页面将按文件的字母地址打开。

二、文件编辑

单击文件树中的index.html，主区域将打开index.html的文档。

1.Brackest将检查文档是否符合html规范。如下图所示，第20行中有一个样式块需要放在头节点中。

2.将光标放在类或id属性的标签名称上，然后按Ctrl/Cmd E(“编辑”)或退出编辑。括号会搜索项目下的所有CSS文件，然后打开一个嵌入式编辑器，嵌入到HTML文件中，这样就可以快速修改CSS代码了。

当当前类/id标签有多个样式定义时，编辑窗口提供一个切换按钮来切换显示样式，或者您可以使用Alt向上/向下箭头键来切换。

需要注意的是，括号会检测当前html文档和项目下的所有CSS文件，以找到类/id样式，即使当前html文档中没有引用某些CSS文件。

3.括号还支持js对象定义的快速预览/编辑。将光标放在一个JS函数名上，按Ctrl/Cmd E(“编辑”)或退出编辑。

4.支架内置拾色器，提供RGBa、HEX和HSLa颜色编码形式。将光标放在颜色代码上，按Ctrl/Cmd E(“编辑”)，退出颜色选择器窗口需要按Esc键。

第三，即时预览

括号提供网页的即时预览。使用该功能时，括号调用Chrome浏览器打开当前页面，修改html、css、javascript并保存后，修改后的内容会立即响应浏览器中的页面，无需手动刷新页面。这是托槽最大的亮点之一。拥有两个显示器的编码器有福了，它可以在不同的屏幕上显示括号和chrome，并在不切换编辑器/浏览器和刷新页面的情况下立即修改即时预览。

当前实时预览功能的一些限制：

它只适用于作为目标浏览器的Chrome浏览器，您必须安装Chrome。

它依赖于Chrome浏览器中的远程调试功能，该功能由命令行标志启用。在Mac上，如果已经在使用Chrome浏览器，启动“即时预览”，支架会询问是否要重启Chrome浏览器启用远程调试。

一次只能预览一个HTML文件——如果切换到另一个HTML文件，括号将关闭原始预览。

第四，一些捷径

Ctrl/Cmd Shift H可以调出并关闭文件树

快速预览/编辑css样式/javascript函数

Ctrl/Cmd /-放大和缩小编辑区域的字体大小

Ctrl/Cmd 0重置编辑区域的字体大小

Ctrl/Cmd Alt P打开即时预览功能

ctrl/Cmd/行注释

Ctrl/Cmd Alt/block注释

注意：当css代码和html代码被注释时，只能使用块注释快捷方式

以上就是如何使用边肖介绍的Adobe支架。更多相关教程请关注系统之家。