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 "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 "quill" //富文本编辑器 npm install quill "@wangeditor/editor-for-vue" //富文本编辑器(可选) npm install @wangeditor/editor-for-vue@next --save "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" //视频播放插件 "print-js" //打印插件 npm i print-js --save "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