/imitate-baidupan

使用 Element Plus + VUE3 构建的一个仿新版百度云网盘前端项目。

Primary LanguageVue

ImitateBaiduPan

该项目是一个使用 Element Plus + VUE3 构建的一个仿新版百度云网盘前端项目。

该项目是 Naive UI Admin 的实践，将 Naive UI Admin 的UI框架修改为 Element Plus，TS修改为JS（Naive Ui Admin JS），并仿新版百度云盘完成项目。

主要包含下面的功能：

  • 文件上传功能：文件切片上传。
  • 文件放回收站：文件删除后会进入回收站，可以恢复或者彻底删除。
  • 文件预览功能：实现了常见功能的预览，包括：文档文件（docx, pdf, excel）、代码文件、图片文件、视频文件、音频文件。

前端技术：vite vue + axios + pinia + router + js + Element Plus

项目预览

在线预览

主页面

图片预览

音频预览

视频预览

文档预览

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

自定义项目

See Vite Configuration Reference.

项目初始化

npm install

编译运行

npm run dev

编译构建

npm run build

代码格式化 ESLint

npm run lint