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

项目预览图

技术栈

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. 克隆项目

git clone https://gitee.com/fish_that_wants_to_fly/ThreeMapsChina.git
cd ThreeMapsChina

2. 安装依赖

使用 npm

npm install

使用 yarn

yarn install

使用 pnpm

pnpm install

3. 启动开发服务器

npm run dev
# 或
yarn dev
# 或
pnpm dev

4. 构建生产版本

npm run build
# 或
yarn build
# 或
pnpm build

5. 预览生产版本

npm run preview
# 或
yarn preview
# 或
pnpm preview