D2 Advance (opens new window)

D2 探索版，追求更好的前端工程实践，探索中后台及其以外的更多应用场景 🧗

页面预览 👉 https://d2.pub/d2-advance/preview (opens new window)

代码仓库: Github (opens new window) | 码云 (opens new window) (mirror)

目标

• 深色模式 🌛
• 响应式适配 💻 📱
• 更少的 UI 组件库依赖
• 更轻量级，更快速的开发 ⚡️

集成

• ⚡️ Vite (opens new window), 比 webpack 更快.
• 🖖 Vue3 生态: vue (opens new window)、vue-router (opens new window)、vuex (opens new window)
• Tailwind CSS 工具类. By Windi CSS (opens new window)
• Typescript 支持: volar (opens new window)、vue-tsc (opens new window)
• IconPark (opens new window) 图标: @icon-park/vue-next (opens new window)
• 使用 miragejs (opens new window) 对 HTTP 做本地 mock
• 使用 axios (opens new window) 发送 HTTP 请求
• ESLint (opens new window) 继承 prettier 和 vue 官方的配置
• Git 命令行交互式提交: commitizen/cz-cli (opens new window)
• 检查 Git 提交信息的格式: commitlint (opens new window)
• 检查 Git 暂存文件: lint-staged (opens new window)
• 管理自定义的 Git hooks: husky (opens new window)
• Jest (opens new window) 结合 @testing-library/vue (opens new window) 进行组件的单元测试 (TODO)
• 生成新版本号和更新日志: standard-version (opens new window)
• 打包时输出 gzip 和 brotli 文件: vite-plugin-compression (opens new window)

常用示例

• Admin src/views/admin: 后台管理样例 (IN PROGRESS)
• Space src/views/space: 个人空间样例 (IN PROGRESS)
• ...更多示例，期待你来提建议 (opens new window)