Lovelace
Lovelace 是 Home Assistant 的一個強大的 UI 框架,它提供了一個可自訂、功能豐富的介面,用於構建具有整合的 AI 驅動的 Web IDE 的智慧家庭儀表板。
https://lovelace.sh/?ref=producthunt&utm_source=aipure

產品資訊
更新時間:2025年11月07日
什麼是 Lovelace
Lovelace 是 Home Assistant 的現代使用者介面框架,從 .86 版本開始取代了舊的「States」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,與狀態分開。











