AkagiYui

refactor: replace ref with useTemplateRef

7个月前250次提交

.vscodefeat: add announcement and lint code1年前
publicchore: use local geetest init script1年前
srcrefactor: replace ref with useTemplateRef7个月前
.envfeat: add clarity analysis1年前
.env.productionfeat: add clarity analysis1年前
.eslintignorefeat!: refactor to file-based routing1年前
.eslintrc.cjsstyle: code lint1年前
.gitattributesstyle: add .gitattributes1年前
.gitignorefeat: support login by qrcode9个月前
.npmrcchore: add .npmrc for node linker configuration and update vue version to 3.5.137个月前
.nvmrcchore: add .nvmrc file9个月前
.prettierignorefix: router type hint error1年前
.prettierrc.mjsstyle: set print width to 1201年前
Caddyfilefeat: support docker image building1年前
Dockerfilefeat: support docker image building1年前
LICENSEfeat: add license1年前
README.mdfix: replace @zxing/library with zbar-wasm9个月前
env.d.tsrefactor: play audio with web audio api9个月前
index.htmlfeat: add no javascript notice1年前
netlify.tomlfeat: add netlify and nginx configuration1年前
nginx.conffeat: add netlify and nginx configuration1年前
package.jsonchore: add .npmrc for node linker configuration and update vue version to 3.5.137个月前
pnpm-lock.yamlfix: add sass in vite plugin7个月前
tsconfig.app.jsondeps: update @types/node9个月前
tsconfig.jsonfeat: add announcement and lint code1年前
tsconfig.node.jsonfix: lint code in type check1年前
typed-router.d.tsfeat: support login by qrcode9个月前
vercel.jsonfeat: add announcement and lint code1年前
vite.config.tsrefactor: add more auto import9个月前

README.md

Kenko Drive Vue Frontend

我的云盘 Vue 前端

GitHub top language GitHub code size in bytes

[!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支持
zbar-wasm: 二维码识别

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

活跃数据

Alt

鸣谢

关于

vue typescript html

README.md

3.7 MB

邀请码

加入我们
官网邮箱：gitlink@ccf.org.cn

QQ群

公众号