vue3-antd4-admin

这个模板是来源于关于 vue3 + antd4 + vite4 + pnpm （vue3-antd4-admin）

相关文档

vue3 文档

vite 文档

pinia 文档

Vue Router 文档

pnpm 文档

qiankun 文档

vite-plugin-qiankun

VueUse 文档

Unocss 文档

建议的IDE设置

VSCode + Volar (需要禁用 Vetur) + TypeScript Vue Plugin (Volar).

在TS中键入对.vue导入的支持

TypeScript 默认情况下无法处理.vue导入的类型信息，因此我们将tscCLI 替换为vue-tsc以进行类型检查。

在编辑器中，我们需要 TypeScript Vue Plugin (Volar)，以使 typescript 语言服务知道.vue类型。

如果你觉得独立的 TypeScript 插件不够快，Volar 还实现了Take Over Mode 更具性能。您可以通过以下步骤启用它：

1. Disable the built-in TypeScript Extension
   1. Run Extensions: Show Built-in Extensions from VSCode's command palette
   2. Find TypeScript and JavaScript Language Features, right click and select Disable (Workspace)
2. Reload the VSCode window by running Developer: Reload Window from the command palette.

Customize configuration

See Vite Configuration Reference.

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

Run End-to-End Tests with Cypress

pnpm test:e2e:dev

This runs the end-to-end tests against the Vite development server. It is much faster than the production build.

But it's still recommended to test the production build with test:e2e before deploying (e.g. in CI environments):

pnpm build
pnpm test:e2e

Lint with ESLint

pnpm lint