# vue3-vite-screen

**Repository Path**: gu-yang/vue3-vite-screen

## Basic Information

- **Project Name**: vue3-vite-screen
- **Description**: 基于Vue3.2 + ECharts 5 开发大屏可视化项目
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://huzgl.github.io/vue3-vite-screen
- **GVP Project**: No

## Statistics

- **Stars**: 24
- **Forks**: 18
- **Created**: 2023-08-29
- **Last Updated**: 2025-04-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vite, vue3, Echarts

## README

# vue3-vite-screen

可视化大屏

基于 Vue3.2 + ECharts 5 开发大屏可视化项目

这个项目是跟着 程序员 Sunday 老师的视频，一步一步敲出来的，效果很不错。

在此感谢 程序员 Sunday 老师的无私奉献。

[2023 最新：ECharts 数据可视化大屏项目](https://www.bilibili.com/video/BV1yu411E7cm?p=1&vd_source=4c524e8e506ca061863d2041deba2db8)

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run dev
```

### Compiles and minifies for production

```
npm run build
```

## 本地开发地址

[http://127.0.0.1:9000/vue3-vite-screen](http://127.0.0.1:9000/vue3-vite-screen)

此项目只是个 demo，如果部署到服务器，vite.config.js 里的反代不生效，需要在 nginx 里配置后端数据服务地址。

## 大屏展示

演示地址：[https://huzgl.github.io/vue3-vite-screen/](https://huzgl.github.io/vue3-vite-screen/)

![大屏展示.png](show.png)