README.zh-CN.md
December 9, 2025 · View on GitHub
antd-vue3-admin
中文 | English
简介
一个基于 vue3,vite7 和 ant-design-vue4 的中后台开发模板工程。使用最新的vue3, vite7, TypeScript5等前沿技术,开箱即用的前端解决方案,可用于学习及业务开发。
node >= 20 | node 22+

Recommended IDE Setup
VSCode + Volar (禁用 Vetur) + TypeScript Vue Plugin (Volar).
Type Support for .vue Imports in TS
默认情况下,TypeScript 无法处理 .vue 导入的类型信息,因此我们将 tsc CLI 替换为 vue-tsc 以进行类型检查。在编辑器中,我们需要 TypeScript Vue Plugin (Volar) 来让 TypeScript 语言服务识别 .vue 类型。
如果您觉得独立的 TypeScript 插件不够快,Volar 还实现了性能更高的接管模式。您可以通过以下步骤启用它:
- 禁用内置的 TypeScript 扩展
- 从 VSCode 的命令面板运行
Extensions: Show Built-in Extensions - 找到
TypeScript and JavaScript Language Features,右键单击并选择Disable (Workspace)
- 从 VSCode 的命令面板运行
- 通过从命令面板运行“Developer: Reload Window”重新加载 VSCode 窗口.
Customize configuration
查看 配置 Vite.
Project Setup
pnpm install
Compile and Hot-Reload for Development
pnpm run dev
Type-Check, Compile and Minify for Production
pnpm run build
Lint with ESLint
pnpm run lint