Lovelace
Lovelace 是 Home Assistant 的一个强大的 UI 框架,它提供了一个可自定义的、功能丰富的界面,用于构建具有集成 AI 驱动的 Web IDE 的智能家居仪表板。
https://lovelace.sh/?ref=producthunt&utm_source=aipure

产品信息
更新于:2025年11月07日
什么是 Lovelace
Lovelace 是 Home Assistant 的现代用户界面框架,从 .86 版本开始取代了旧的“状态”UI。它既是智能家居控制的仪表板构建器,又是基于 Web 的集成开发环境 (IDE)。该框架允许用户通过以清晰、直观的方式组织实体、卡片和控件来创建自定义界面,同时还为开发人员提供由 AI 功能增强的编码工具。
Lovelace 的主要功能
Lovelace是一个基于Web的、由AI驱动的开发环境,它结合了一个轻量级的IDE和先进的AI辅助功能。它提供了诸如语法高亮、代码完成、Git集成和AI驱动的代码生成等功能,同时可以从任何浏览器或设备访问。该平台强调开发工作流程中的移动性和灵活性,允许开发人员从任何地方编写和审查代码,同时保持对强大的AI工具和工作区管理功能的访问。
AI驱动的助手: 集成的AI代理,提供代码完成、生成,并使用来自OpenAI、Anthropic、Google和xAI的模型回答问题
智能编辑器功能: 全面的代码编辑功能,包括语法高亮、自动完成和内联AI编辑,以加速工作流程
版本控制集成: 内置的Git支持,用于连接到GitHub、GitLab或Bitbucket,具有分支管理和同步功能
跨平台可访问性: 通过Web浏览器从任何设备访问您的开发环境,从而实现移动开发和远程工作
Lovelace 的使用场景
远程开发: 开发人员可以在远离其主要工作站时处理项目、审查代码和调试问题
移动编码: 在通勤期间或离开办公桌时,可以从平板电脑或手机上执行快速代码编辑和审查
协作开发: 团队可以通过共享的工作区管理和版本控制集成来协作处理项目
快速原型设计: 使用AI辅助和代码生成功能从任何位置快速原型化想法
优点
无需安装 - 在浏览器中运行
AI驱动的功能提高了生产力
可以从任何具有互联网连接的设备访问
集成的版本控制和协作功能
缺点
需要互联网连接才能使用
对于复杂的项目,可能无法完全取代传统的桌面IDE
AI功能需要付费订阅
如何使用 Lovelace
安装 Lovelace: 自 .86 版本以来,Lovelace 现在是 Home Assistant 中的默认 UI。如果您运行的是旧版本,请在您的 /config/ 文件夹中创建一个名为 ui-lovelace.yaml 的文件,然后重新启动 Home Assistant。
访问 Lovelace UI: 安装后,通过 Home Assistant 中的“概览”选项卡访问 Lovelace。您可以从那里开始自定义您的仪表板。
添加卡片: 单击“+”按钮以添加新卡片。您可以从各种内置卡片类型中进行选择,例如实体、一览、图片、地图等。通过选择实体并自定义其外观来配置卡片。
安装自定义卡片(可选): 您可以通过 HACS(Home Assistant 社区商店)安装自定义的社区制作的卡片,以扩展功能。安装后,将它们作为资源添加到您的 Lovelace 配置中。
编辑配置: 您可以通过可视化 UI 编辑器或使用 YAML 代码来编辑卡片。使用“显示代码编辑器”和“显示可视化编辑器”按钮在模式之间切换。对于整个仪表板配置,请使用“原始配置编辑器”。
组织视图: 创建不同的视图/选项卡,以按房间、功能或任何其他逻辑分组来组织您的卡片。每个视图都可以有自己的主题和布局。
检查未使用的实体: 通过选择右上角设置菜单中的“未使用的实体”来查找尚未添加到您的仪表板的实体。这有助于确保正确显示您的所有设备。
自定义外观: 通过配置自定义实体名称、图标和单位。您可以使用 Material Design 图标或 Font Awesome 图标。应用主题以更改整体外观。
Lovelace 常见问题
Lovelace是一个UI框架,从.86版本开始成为Home Assistant的默认界面,取代了旧的“States”UI框架。它使用单个配置文件来定义UI,使其与状态分离。











