技术选型
- 核心库:SolidJS+TS版本
- 状态管理库:solid-zustand
- 路由:Solid-Router
- CSS框架:Tailwind CSS
- 类名使用tailwind-merge&class-variance-authority配合
- 动画使用https://github.com/jamiebuilds/tailwindcss-animate
- UI库:暂定两套,后续根据情况再选择其中一个
- flowbite 基于 Tailwind CSS设计
- SolidUI 基于 shadcn/ui
- 最终确认用kobalte无头ui库
- Meta管理:Solid-Meta
- i18n:@solid-primitives/i18n
- 构建工具:Vite+Turborepo
- 包管理工具:pnpm
- :turbo+pnpm
- icon库:https://lucide.dev/guide/packages/lucide-solid
其他高质量solidjs库:https://primitives.solidjs.community/
项目架构
- 响应式:使用Tailwind CSS响应式+rem方式
- 路由管理:H5二三级页面采用监听路由全屏弹窗方式,PC默认history路由模式
- 主题换肤:使用Tailwind CSS+CSS变量方式切换主题
- 多语言:通过在线文档管理翻译文本,使用英语文本作为i18n的Key值使用