# 可视化大屏vue版

**Repository Path**: zenghaojie123/visual-vue

## Basic Information

- **Project Name**: 可视化大屏vue版
- **Description**: 基于vue2+echarts的可视化大屏
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-11-04
- **Last Updated**: 2025-11-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 适合中高级专业web前端，新手也可以作为学习资料*

## vue工程启动方法
     1.安装node 版本为：V16.14.2,其他版本可能会导致依赖安装不成功，nodejs官网下载地址https://nodejs.org/dist/
     2.进入项目根目录，如01目录
        A.单击右键打开命令行工具
        b.执行:npm i 命令，等待安装依赖完成，可能比较慢，耐心等待
        c.依赖安装完成后，执行 npm run dev 启动项目,浏览器会自动打开页面

## vue工程打包
       1、安装vue-cli脚手架工具 执行npm install -g @vue/cli 命令
       2、进入项目根目录，执行：npm run build命令
       3、项目所在的根目录会多出dist目录，该文件夹即为打包后的文件

## 线上预览地址
       http://218.61.196.156:41692/

## 效果展示
![输入图片说明](img/01.png)
![输入图片说明](img/02.png)
![输入图片说明](img/03png)
![输入图片说明](img/04.png)
![输入图片说明](img/05.png)
![输入图片说明](img/06.png)
![输入图片说明](img/07.png)
![输入图片说明](img/08.png)
![输入图片说明](img/09.png)
![输入图片说明](img/10.png)