# vue3EchartSVGCanvasAnimal

**Repository Path**: javafdx/vue3-echart-svgcanvas-animal

## Basic Information

- **Project Name**: vue3EchartSVGCanvasAnimal
- **Description**: vue3EchartSVGCanvas数据大屏可视化智慧自适应宽高比
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://javafdx.gitee.io/vue3-echart-svgcanvas-animal
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-08-25
- **Last Updated**: 2023-08-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 自适应大屏

## README

### node版本
nvm use 16.20.0

### pnpm - 速度快、节省磁盘空间的软件包管理器
npm install -g pnpm

npm 命令	pnpm 等价命令
npm install	pnpm install
npm i <pkg>	pnpm add <pkg>
npm run <cmd>	pnpm <cmd>

#### 下载依赖
pnpm install

#### 注意node版本16.40以上
nvm list
nvm use 16.20.0

#### 运行
pnpm run dev

#### 依赖
1. echarts：图表库（Canvas,SVG）
2. countup.js: 数据滚动插件
3. gsap: javascript动画库
4. axios: 网络请求库
5. normalize.css: 统一网页样式
6. lodash: javaScript工具函数库
7. sass: scss编译器

#### 项目的设计稿为1920*1080
宽高比16:9