更新记录

1.0.0（2026-08-13） 下载此版本

• 新增内置 HTML/CSS 知识库，共 135 个知识点、23 个分类
• 支持关键词搜索、分类浏览、收藏与学习进度统计
• 代码示例支持实时预览与一键复制
• 新增 AI 智能助手，支持多种大模型 API
• 支持知识库导入/导出与自定义知识点
• 支持深色/浅色主题与自定义快捷键

平台兼容性

HBuilderX插件通用注意事项

HBuilderX-2.7.12以下版本安装插件市场内的插件后，卸载时需手动卸载，详细教程参考：如何手动卸载插件

HTML/CSS 智能学习工具 · 使用说明

一个内置 HTML/CSS 知识库的开发学习插件，支持快速查询、分类浏览、代码预览与 AI 助手，帮助你「边写代码边查阅」。

一、安装

1. 将插件文件夹复制到 HBuilderX 安装目录下的 plugins 目录，例如 HBuilderX/plugins/html-css-learning-tool/。
2. 重启 HBuilderX。

二、打开工具

在编辑器中右键，选择「打开 HTML/CSS 学习工具」，即可弹出学习工具窗口。

也可以在「工具 → 自定义快捷键」中为命令 htmlCssLearning.open 设置一个快捷键。

三、功能说明

1. 搜索知识点

在顶部搜索框输入关键词（如 flexbox、grid、margin），实时显示匹配结果。

2. 分类浏览

点击左侧侧边栏的分类，或首页的分类卡片，浏览该分类下的所有知识点。

3. 查看详情与代码预览

点击知识点卡片进入详情页，查看语法说明、参数列表和代码示例；点击「运行」可实时预览效果，点击「复制」可一键复制代码。

4. 收藏

在详情页点击「收藏」按钮收藏常用知识点，侧边栏「收藏夹」可快速访问。

5. 学习统计

侧边栏底部展示学习进度，点击「统计」可查看学习时长、连续学习天数等。

6. AI 智能助手

点击右上角机器人图标（或 Ctrl+J）打开 AI 助手。首次使用需在「设置」中配置 API 提供商、地址与密钥。

7. 知识库导入 / 导出

点击侧边栏「导入」，可添加自定义知识点、导入 JSON、导出数据。

四、快捷键

以上快捷键均可在「快捷键」设置中自定义。

五、常见问题

• AI 助手无法回复？请检查 API 地址、密钥和模型名称是否正确。
• 数据存在哪里？收藏、主题、搜索历史等保存在本地，不会上传。
• 如何恢复默认快捷键？在「自定义快捷键」弹窗中点击「恢复默认」。