# LargeScreen

**Repository Path**: lizhuosss/LargeScreen

## Basic Information

- **Project Name**: LargeScreen
- **Description**: 动力环境监控大屏

本案例为纯前端大屏，使用vue3+vite+javascript+threejs+echarts,cdn加速器目前集成了七牛云。适合初学者以及企业有数据可视化的业务需求，方便接入项目中。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2019-06-04
- **Last Updated**: 2025-12-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 运维机房动力环境监控大屏

## 框架

Vue 3 + Vite + three.js

## 开发环境

nodejs 18+

## 安装依赖

```
pnpm i 或 npm i
```

## 运行

```
npm run dev
```

## 打包

```
npm run build
```

## 七牛云配置
为了提升数据可视化大屏项目的加载速度,项目做了cdn的相关配置,
cdn使用的是七牛,可以在`qiniu-upload-prefiex.js`进行配置,
如果没有配置密钥,打包后不上传七牛,配置密钥后,打包后的文件会自动上传七牛.

### 七牛相关的配置文件有
#### `qiniu-upload-prefiex.js` 

配置七牛云上传的路径 存储空间 密钥 cdn地址等信息.

#### `qiniu.js` 
编译打包后,会通过运行此js将文件上传到七牛云

#### `src/config/config.js`
在这里配置调试环境和开发环境的地址

#### `vite.config.js`
在这里配置打包后的文件地址



```
#### 部分效果图

参见images文件下图片
```