# vue-test

**Repository Path**: niejun108/vue-test

## Basic Information

- **Project Name**: vue-test
- **Description**: vue3 vue-router ... test 
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-06-16
- **Last Updated**: 2026-06-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue

## README

# vue-test

#### 介绍
vue3 vue-router ... test 

#### 软件架构
软件架构说明


#### 安装教程

1.  xxxx
2.  xxxx
3.  xxxx

#### 使用说明

1.  xxxx
2.  xxxx
3.  xxxx

#### 项目的创建与部署
nodejs的下载https://nodejs.org/en/download
安装
node -v
npm -v
npm config list
npm config set registry=http://registry.npm.taobao.org

创建vue3项目
npm create vue@latest
vscode 打开项目
npm install 安装packages
npm run dev 启动项目
npm run build 生成项目dist
npm install 包名 --save 安装单个包
npm remove 包名 删除包

#### VUE常用第三方JS库
[精选]
"vue-i18n"  //国际化
"vue-router"  //路由
"pinia"  //状态管理 npm install pinia@next --save
"axios"  //网络请求
"element-plus"  //UI组件库  npm install element-plus --save
"dayjs" //日期时间处理库  npm install dayjs --save  element-plus自带: import { dayjs } from 'element-plus'
"vueuse" //一组基于 组合式 API 的工具函数集合 npm install @vueuse/core
"lodash" //工具库  npm install lodash --save
"echarts"   //图表  npm install echarts --save
"vue-echarts"   //vue封装图表   npm install echarts vue-echarts --save
"@wangeditor/editor"  //富文本编辑器  npm install @wangeditor/editor --save npm install @wangeditor/editor-for-vue@next --save
"print-js"  //打印插件  npm i print-js --save
[普通]
"quill" //富文本编辑器  npm install quill
"animate.css"  //CSS3 动画库  npm install animate.css --save
"file-saver"  //导出文件  npm install file-saver --save
"qrcodejs2"  //二维码生成  npm install qrcodejs2 --save
"sortablejs"  //拖放排序  npm install sortablejs --save
"vuedraggable"  //vue拖放排序(自动下载依赖sortablejs)  npm install vuedraggable@next --save
"swiper"  //轮播
"vee-validate"  //表单验证
"viewerjs"  //图片预览组件
"vue-cropper"    //图片裁剪  npm install vue-cropper --save
"dom-to-image"  //使用HTML5画布从DOM节点生成图像
"html2canvas" //html,DOM节点转换成图片
"tui.image-editor"  //图片编辑工具
"excalidraw"  //在线绘图工具
"vxe-table"  //高级table组件
"signature_pad"  //电子签名  npm install signature_pad --save
"nprogress"  //进度条  npm install --save nprogress
"@jiaminghi/data-view"  //Vue大屏数据展示组件库  npm install @jiaminghi/data-view --save
"vue-video-player"  //视频播放插件
"vue-office"  //支持word(.docx)、excel(.xlsx)、pdf等各类型office文件预览的vue组件集合
"tailwindcss"  //css库
"core-js"  //js库，新特性兼容到旧浏览器
"driver.js"  //新手引导功能  npm i driver.js --save
"js-cookie"  //js操作cookie  npm i js-cookie --save
"vue-lazyload"  //图片懒加载,网页到达可视区域才加载  npm i vue-lazyload --save
"@form-create/element-ui"  //vue自定义表单生成器,可根据json参数动态生成表单  npm install @form-create/element-ui --save