Lovelace 时间选择器卡安装与配置指南

Lovelace 时间选择器卡安装与配置指南

lovelace-time-picker-card 🕰️ Time Picker Card for Home Assistant's Lovelace UI 项目地址: https://gitcode.com/gh_mirrors/lo/lovelace-time-picker-card

1. 项目基础介绍

Lovelace 时间选择器卡是一个为Home Assistant的Lovelace UI设计的开源项目。它可以让你轻松添加一个时间选择器到你的智能家居控制界面。该项目主要使用TypeScript和JavaScript编程语言开发。

2. 项目使用的关键技术和框架

• Home Assistant: 一个智能家居自动化平台，本项目为其提供一个定制卡片。
• Lovelace UI: Home Assistant的一个用户界面，本项目为其添加时间选择功能。
• TypeScript: JavaScript的一个超集，添加了静态类型选项。本项目使用TypeScript编写，然后在构建过程中转换为JavaScript。
• Webpack: 一个模块打包工具，用于将TypeScript和JavaScript代码打包成浏览器可以运行的格式。

3. 安装和配置准备工作

在开始安装之前，请确保你已经满足了以下条件：

• 安装了Node.js环境。
• 安装了Home Assistant，并且可以访问其Lovelace UI。
• 有权访问Home Assistant配置文件。

安装步骤

步骤 1: 克隆项目

打开终端，运行以下命令克隆项目到本地：

git clone https://github.com/GeorgeSG/lovelace-time-picker-card.git

步骤 2: 安装依赖

进入项目目录，安装所需的Node.js依赖：

cd lovelace-time-picker-card
npm install

步骤 3: 构建项目

使用以下命令构建项目，生成浏览器可运行的JavaScript文件：

npm run build

步骤 4: 配置Home Assistant

1. 将构建后的time-picker-card.js文件移动到你的Home Assistant配置目录下的www文件夹中。

2. 打开Home Assistant配置文件（通常是configuration.yaml），在resources部分添加以下内容：

resources:
  - url: /local/time-picker-card.js
    type: module

3. 保存配置文件并重新加载Home Assistant。

步骤 5: 使用时间选择器卡

在Lovelace UI的编辑器中，点击“+”按钮添加一个新的卡片，搜索“time picker”并选择它。然后配置卡片属性，例如绑定的输入时间实体等。

完成以上步骤后，你就可以在Home Assistant的Lovelace UI中使用自定义的时间选择器卡了。

lovelace-time-picker-card 🕰️ Time Picker Card for Home Assistant's Lovelace UI 项目地址: https://gitcode.com/gh_mirrors/lo/lovelace-time-picker-card