# 🔥Vue3、Three.js开发数据可视化大屏

![AUR](https://img.shields.io/badge/license-Apache%20License%202.0-blue.svg)

## 项目预览图
<img width="100%" align="center" src="./images/广东省.png">

## 技术栈
- Vue 3 - 用于构建用户界面的渐进式JavaScript框架
- Three.js 0.161.0 - 基于WebGL的3D图形库，用于创建和显示3D场景
- ECharts 5.5.0 - 功能强大的数据可视化图表库
- GSAP 3.12.2 - 高性能的JavaScript动画库
- Vite 4.3.2 - 下一代前端构建工具，提供极速开发体验

## 安装与启动

### 1. 克隆项目
```bash
git clone https://gitee.com/fish_that_wants_to_fly/ThreeMapsChina.git
cd ThreeMapsChina
```

### 2. 安装依赖

#### 使用 npm
```bash
npm install
```

#### 使用 yarn
```bash
yarn install
```

#### 使用 pnpm
```bash
pnpm install
```

### 3. 启动开发服务器
```bash
npm run dev
# 或
yarn dev
# 或
pnpm dev
```

### 4. 构建生产版本
```bash
npm run build
# 或
yarn build
# 或
pnpm build
```

### 5. 预览生产版本
```bash
npm run preview
# 或
yarn preview
# 或
pnpm preview
```