# vue3-demo

**Repository Path**: ALI1416/vue3-demo

## Basic Information

- **Project Name**: vue3-demo
- **Description**: vue3-demo vue3示例
- **Primary Language**: Unknown
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2022-01-01
- **Last Updated**: 2025-08-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3-demo vue3示例

[![License](https://img.shields.io/github/license/ALI1416/vue3-demo?label=License)](https://opensource.org/licenses/BSD-3-Clause)
[![Repo Size](https://img.shields.io/github/repo-size/ALI1416/vue3-demo?label=Repo%20Size&color=success)](https://github.com/ALI1416/vue3-demo/archive/refs/heads/master.zip)

## 简介

- 查看镜像源：`npm config get registry`
- 换为淘宝源：`npm config set registry https://registry.npmmirror.com`
- 换为官方源：`npm config set registry https://registry.npmjs.org`

## 版本号

- 依赖 :
  - `vue` : `vue`  
    [![NPM](https://img.shields.io/npm/v/vue?label=NPM)](https://npmmirror.com/package/vue)
  - `路由` : `vue-router`  
    [![NPM](https://img.shields.io/npm/v/vue-router?label=NPM)](https://npmmirror.com/package/vue-router)
  - `状态管理` : `pinia`  
    [![NPM](https://img.shields.io/npm/v/pinia?label=NPM)](https://npmmirror.com/package/pinia)
  - `dayjs` : `dayjs`  
    [![NPM](https://img.shields.io/npm/v/dayjs?label=NPM)](https://npmmirror.com/package/dayjs)
  - `echarts` : `echarts`  
    [![NPM](https://img.shields.io/npm/v/echarts?label=NPM)](https://npmmirror.com/package/echarts)
  - `element-plus` : `element-plus`  
    [![NPM](https://img.shields.io/npm/v/element-plus?label=NPM)](https://npmmirror.com/package/element-plus)
  - `axios` : `axios`  
    [![NPM](https://img.shields.io/npm/v/axios?label=NPM)](https://npmmirror.com/package/axios)
  - `mockjs` : `mockjs`  
    [![NPM](https://img.shields.io/npm/v/mockjs?label=NPM)](https://npmmirror.com/package/mockjs)
  - `jszip` : `jszip`  
    [![NPM](https://img.shields.io/npm/v/jszip?label=NPM)](https://npmmirror.com/package/jszip)
  - `file-saver` : `file-saver`  
    [![NPM](https://img.shields.io/npm/v/file-saver?label=NPM)](https://npmmirror.com/package/file-saver)
  - `mqtt` : `mqtt`  
    [![NPM](https://img.shields.io/npm/v/mqtt?label=NPM)](https://npmmirror.com/package/mqtt)
  - `stompjs` : `@stomp/stompjs`  
    [![NPM](https://img.shields.io/npm/v/@stomp/stompjs?label=NPM)](https://npmmirror.com/package/@stomp/stompjs)
  - `xlsx` : `xlsx`(官网查询最新版本)  
    [![NPM](https://img.shields.io/npm/v/xlsx?label=NPM)](https://cdn.sheetjs.com/)
  - `svgo` : `svgo`  
    [![NPM](https://img.shields.io/npm/v/svgo?label=NPM)](https://npmmirror.com/package/svgo)
  - `lodash` : `lodash`  
    [![NPM](https://img.shields.io/npm/v/lodash?label=NPM)](https://npmmirror.com/package/lodash)
  - `svg绘图` : `@svgdotjs/svg.js`  
    [![NPM](https://img.shields.io/npm/v/@svgdotjs/svg.js?label=NPM)](https://npmmirror.com/package/@svgdotjs/svg.js)
  - `canva绘图` : `konva`  
    [![NPM](https://img.shields.io/npm/v/konva?label=NPM)](https://npmmirror.com/package/konva)
  - `three.js` : `three`  
    [![NPM](https://img.shields.io/npm/v/three?label=NPM)](https://npmmirror.com/package/three)
  - `three.js动画` : `gsap`  
    [![NPM](https://img.shields.io/npm/v/gsap?label=NPM)](https://npmmirror.com/package/gsap)
  - `three.js控制器` : `lil-gui`  
    [![NPM](https://img.shields.io/npm/v/lil-gui?label=NPM)](https://npmmirror.com/package/lil-gui)
  - `three.js帧率查看` : `stats.js`  
    [![NPM](https://img.shields.io/npm/v/stats.js?label=NPM)](https://npmmirror.com/package/stats.js)
  - `高德地图` : `@amap/amap-jsapi-loader`  
    [![NPM](https://img.shields.io/npm/v/@amap/amap-jsapi-loader?label=NPM)](https://npmmirror.com/package/@amap/amap-jsapi-loader)
  - `弹幕` : `js-bullets`  
    [![NPM](https://img.shields.io/npm/v/js-bullets?label=NPM)](https://npmmirror.com/package/js-bullets)
  - `canvas-nest` : `canvas-nest.js`  
    [![NPM](https://img.shields.io/npm/v/canvas-nest.js?label=NPM)](https://npmmirror.com/package/canvas-nest.js)
- 开发依赖 :
  - `vite` : `vite`  
    [![NPM](https://img.shields.io/npm/v/vite?label=NPM)](https://npmmirror.com/package/vite)
  - `vite整合vue插件` : `@vitejs/plugin-vue`  
    [![NPM](https://img.shields.io/npm/v/@vitejs/plugin-vue?label=NPM)](https://npmmirror.com/package/@vitejs/plugin-vue)
  - `vite开发工具插件` : `vite-plugin-vue-devtools`  
    [![NPM](https://img.shields.io/npm/v/vite-plugin-vue-devtools?label=NPM)](https://npmmirror.com/package/vite-plugin-vue-devtools)
  - `element-plus自动导入` : `unplugin-auto-import`  
    [![NPM](https://img.shields.io/npm/v/unplugin-auto-import?label=NPM)](https://npmmirror.com/package/unplugin-auto-import)
  - `element-plus自动导入` : `unplugin-vue-components`  
    [![NPM](https://img.shields.io/npm/v/unplugin-vue-components?label=NPM)](https://npmmirror.com/package/unplugin-vue-components)
  - `@tsconfig/node22` : `@tsconfig/node22`  
    [![NPM](https://img.shields.io/npm/v/@tsconfig/node22?label=NPM)](https://npmmirror.com/package/@tsconfig/node22)
  - `@types/node` : `@types/node`  
    [![NPM](https://img.shields.io/npm/v/@types/node?label=NPM)](https://npmmirror.com/package/@types/node)
  - `@vue/tsconfig` : `@vue/tsconfig`  
    [![NPM](https://img.shields.io/npm/v/@vue/tsconfig?label=NPM)](https://npmmirror.com/package/@vue/tsconfig)
  - `npm-run-all2` : `npm-run-all2`  
    [![NPM](https://img.shields.io/npm/v/npm-run-all2?label=NPM)](https://npmmirror.com/package/npm-run-all2)
  - `typescript` : `typescript`  
    [![NPM](https://img.shields.io/npm/v/typescript?label=NPM)](https://npmmirror.com/package/typescript)
  - `vue-tsc` : `vue-tsc`  
    [![NPM](https://img.shields.io/npm/v/vue-tsc?label=NPM)](https://npmmirror.com/package/vue-tsc)

## 关于

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://www.404z.cn/images/about.dark.svg">
  <img alt="About" src="https://www.404z.cn/images/about.light.svg">
</picture>