首页理论教育HBuilderX语法提示-提高HTML与CSS网页设计效率

HBuilderX语法提示-提高HTML与CSS网页设计效率

2023-10-19 理论教育版权反馈

【摘要】：拥有自研的世界级语法分析引擎一直是HBuilder 系列产品傲视业内的资本。但如果一个文件是单独从硬盘被打开，不是整个项目被拖入HBuilderX，那么此时无法加载框架语法库。图9.37代码助手2.编辑器与项目管理器的同步HBuilderX 默认是打开的标签卡和项目管理器自动关联，切换标签卡时项目管理器也会跟随变化。图9.39取消同步总结Dreamweaver 是被业界广泛使用的站点管理和页面制作的可视化工具。HBuilderX 工具的使用作业1.总结Dreamweaver 的各项优点。

拥有自研的世界级语法分析引擎一直是HBuilder 系列产品傲视业内的资本。但前端框架众多，框架的语法提示需要加载单独的语法提示库。框架语法提示库是在页面的右下角选择，如图9.36 所示。

pagenumber_ebook=233,pagenumber_book=222

图9.36　语法提示库

框架语法库是挂在项目下的，一个项目加载了一个框架语法库后，这个项目下所有JS文件或HTML 文件都会在代码助手提示这个框架的语法。但如果一个文件是单独从硬盘被打开，不是整个项目被拖入HBuilderX，那么此时无法加载框架语法库。

1.代码助手

HBuilderX 的代码助手，可以按“Alt+数字”选择直接选择某个项目，类似中文输入法数字选词，如图9.37 所示。

pagenumber_ebook=234,pagenumber_book=223

图9.37　代码助手

2.编辑器与项目管理器的同步

HBuilderX 默认是打开的标签卡和项目管理器自动关联，切换标签卡时项目管理器也会跟随变化。如不需要此功能，可以将鼠标移到项目管理器区域，右上角会悬浮菜单，在里面可以取消“与编辑器同步”，如图9.38 所示。

pagenumber_ebook=234,pagenumber_book=223

图9.38　编辑器同步

一般多项目时建议取消同步功能。

取消同步后，如需手动定位标签卡所在的项目，可以在编辑器中点击右键选择“在项目管理器中定位”，如图9.39 示例。(www.chuimin.cn)

pagenumber_ebook=235,pagenumber_book=224

图9.39　取消同步

总结

➢Dreamweaver 是被业界广泛使用的站点管理和页面制作的可视化工具。

➢一般应先创建站点，再编辑页面，这样方便使用站点内的各种资源。

➢可以使用Dreamweaver 方便地在网页中创建链接、图像、表格、表单及表单元素等网页中的元素。

➢HBuilderX 工具的使用

作业

1.总结Dreamweaver 的各项优点。

2.描述Dreamweaver 新建站点的步骤。

3.总结Dreamweaver 创建超链接的几种方式。

拓展练习

将之前各章节编写代码实现的链接、图像、表格、列表、表单及表单元素，用Dreamweaver 实现。