Shadcn Admin Vue Dashboard

这是一个基于ShadcnUI 示例和shadcn-admin 和TailwindCSS的Vue3管理后台模板。

大概两三周看到shadcn-admin的代码，就想自己实现一个，于是就有了这个项目。 这个项目是我自己的学习过程，可能会有很多问题，欢迎大家提出问题和建议。

功能

• 登录页面
• 主页
• 表格
• 表单
• 图表
• 表单(注册)完善中...
• 颜色切换完善中...

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.

Customize configuration

icons：https://lucide.dev/icons/ components：https://www.shadcn-vue.com/ preview：https://shadcn-admin-vue.netlify.app/

Project Setup

pnpm install

Compile and Hot-Reload for Development

pnpm dev

Type-Check, Compile and Minify for Production

pnpm build

Run Unit Tests with Vitest

pnpm test:unit

Lint with ESLint

pnpm lint