- Node.js >= 16.0.0
- npm >= 7.0.0
npm install
npm run devtier-list-simple/
├── src/
│ ├── components/ # Vue 组件
│ │ ├── TierList.vue # 主列表组件
│ │ ├── TierRow.vue # 行组件(支持拖拽)
│ │ ├── SearchModal.vue # 搜索模态框(支持多数据源)
│ │ ├── EditItemModal.vue # 编辑作品模态框
│ │ └── ConfigModal.vue # 配置模态框
│ ├── utils/ # 工具函数
│ │ ├── bangumi.ts # Bangumi API 封装
│ │ ├── dragManager.ts # 自定义拖放管理器
│ │ ├── storage.ts # 本地存储工具
│ │ └── url.ts # URL 处理工具
│ ├── types.ts # TypeScript 类型定义
│ ├── App.vue # 根组件
│ ├── main.ts # 入口文件
│ └── style.css # 全局样式
├── index.html # HTML 模板
├── package.json # 项目配置
├── vite.config.ts # Vite 配置
├── tsconfig.json # TypeScript 配置
└── README.md # 项目说明
https://bangumi.github.io/api/
https://next.bgm.tv/demo/access-token 获取 Access Token
https://github.com/wxt2005/bangumi-list-v3
https://bgmlist.com/api/v1/bangumi/archive/2021q1 获取季度新番
大量本地图片,拖动卡顿严重
自定义裁剪
容器尺寸调整
导出
拖动功能
依赖关系可视化
依赖倒置原则 (DIP) 审查
变更影响模拟
单一职责原则 (SRP) 与泄露检测