【thingsboard-ui-vue3】开源下载和安装教程

1. 项目介绍

Thingsboard UI Vue3 是基于 ThingsBoard 4.1.0 的前端适配版本，采用 Vue 3 + Vite + TypeScript 技术栈开发。主要功能包括：

• 完整开放的规则链代码
• 物模型管理
• 大屏组态功能
• TDengine 数据库适配
• 基于 AntV X6 的规则引擎可视化

2. 项目下载位置

通过 Git 克隆仓库：

git clone https://github.com/yantsing/thingsboard-ui-vue3.git

3. 环境配置

前置要求

• Node.js ≥16.0
• Yarn ≥1.22
• Git

（图示：通过 node -v 和 yarn -v 验证版本）

4. 安装方式

步骤1：安装依赖

cd thingsboard-ui-vue3
yarn install

步骤2：配置代理

修改 .env.development 文件：

VITE_PROXY = [["/api","http://127.0.0.1:8080/api",false]]
VITE_GLOB_API_URL =

步骤3：启动项目

yarn serve  # 开发模式
yarn build  # 生产构建
yarn preview  # 预览生产包

5. 项目处理脚本

脚本命令	功能描述
yarn serve	启动开发服务器
yarn build	构建生产环境代码
yarn preview	本地预览生产包
yarn lint	代码格式校验