vite+vue+element-plus完成一个admin管理后台网站首页 其他

林烈涛 2023-06-03 20:00:03

简介vite+vue+element-plus完成一个admin管理后台

整体项目的访问链接：https://bigmiss.top/demo/index.html

用到的技术整理

名称	版本	安装命令	说明
vite	4.0.0	npm init vite@latest	构建Vue项目
vue	3.2.45	npm install vue@next	渐进式框架（在vite已安装）
element-plus	3.7.5	npm install element-plus --save	UI框架
@element-plus/icons-vue	2.0.10	npm install @element-plus/icons-vue	icon图标
vue-router	4.1.6	npm install vue-router@4	路由
vuex	4.0.2	npm install vuex@next --save	数据仓库
sass	1.58.1	npm install sass --save-dev	css扩展语言
axios	1.3.2	npm install axios	http库
echarts	5.4.1	npm install echarts --save	图表
js-base64	3.7.5	npm install js-base64 --save	加解密密码用
nprogress	0.2.0	npm i nprogress	loading进度条
screenfull	6.0.2	npm install screenfull --save	全屏
vuex-persistedstate	4.1.0	npm install vuex-persistedstate --save	持久化存储
mockjs	1.1.0	npm install mockjs --save	模拟数据生成器
vite-plugin-mock	2.9.6	npm i mockjs vite-plugin-mock -D
vue3-print-nb	0.1.4	npm install vue3-print-nb --save	打印
sortablejs	1.15.0	npm i sortablejs --save	拖拽库
xlsx	0.18.5	npm install xlsx	excel导入与导出
file-saver	2.0.5	npm install file-saver	导出文件路径
print-js	1.6.0	npm install print-js	打印
driver.js	0.9.8	npm install driver.js	引导页
vuedraggable	4.1.0	npm i -S vuedraggable@next	拖拽
video.js	8.0.4	npm install video.js	视频