AkagiYui/KenkoDriveVue

我的云盘前端

VueMIT

Kenko Drive Vue Frontend

我的云盘 Vue 前端

Important

该项目仅为个人学习项目，不具备商业使用价值，仅供学习交流。

相关	链接
GitHub仓库	github.com/AkagiYui/KenkoDriveVue
GitLink**大陆仓库	gitlink.org.cn/AkagiYui/KenkoDriveVue
在线演示地址	drive.akagiyui.com
后端仓库	github.com/AkagiYui/KenkoDrive / **大陆镜像仓库

功能点

此处仅列出前端部分特有的功能点，业务相关功能请查看后端仓库。

使用的库

Vue 3: JavaScript 框架
Vite 5: 构建工具
Naive UI: UI 组件库
Pinia: 状态管理
TypeScript: 类型检查
ESLint: 代码检查
Prettier: 代码格式化
Axios: HTTP 请求
Vue Router: 路由管理
ArtPlayer: 视频播放器
vue-pdf: PDF 阅读器（PDF.js封装）
VueUse: Vue 工具库
mitt: 事件总线
vue-office: Office 预览
shiki: 代码高亮
filesize: 文件大小格式化
marked: Markdown 渲染
Monaco Editor: 代码编辑器
normalize.css: 样式统一
unplugin-vue-router: 基于文件的路由配置
unplugin-auto-import: 自动导入
vite-plugin-ms-clarity: Clarity统计
aplayer: 音频播放器
Fetch Event Source 更好的SSE支持

TODO

feat: 国际化Vue I18n
feat: 无障碍图标
feat: 图片裁剪vue-cropper
feat: 支持PWAPWA Vite Plugin
feat: 支持input的自动填充
feat: 管理员修改用户头像
fix: 头像上传点击图片和按钮外的区域会触发文件选择
refactor: 修改API函数为Hooks
refactor: 二维码组件使用Naive UI自带组件

开发注意事项

请按序执行以下命令，并在确保所有所有警告与错误都已处理完毕再提交代码。

pnpm type-check && pnpm lint && pnpm format

活跃数据

鸣谢