此文档假设你已经熟悉Vue2的选项式API，并且对TypeScript有初步的了解。

前言

此文档旨在快速上手并搭建一个 Vue3 Typescript 项目。该项目包含核心知识点：

  • 基础：**Vue3**、**TypeScript**
  • API风格：**Composition API (组合式API)**搭配**<script setup>**
  • 核心库：**Vue Router 4**
  • 构建工具：**Vite**
  • 全局状态管理：自定义状态管理。
  • IDE支持：VSCode 搭配 **Volar**

其他：

  • UI框架：ant-design-vue 3.x的按需自动引入与自定义主题。
  • Mock数据：Mock.js搭配 自定义Vite插件。
  • CSS相关：CSS Module、Less、windicss (tailwind css替代品)
  • 代码风格：ESLint、Prettier
  • 包管理：pnpm
  • 其他一些常用工具与插件推荐。

项目中的配置（包括vscode配置）都会直接放在目录中，以便于保持不同开发者的风格、环境尽量一致。

可以参考上述说明来查看该文档是否有你需要或者感兴趣的知识点。

文档风格

与官方文档相比，该文档重点不是vue的基础知识而是在于一套完整的项目搭建以及实操应用。

该文档中会有较多的代码示例，对于概念则不会深入说明，而是直接附上对应的官方/大佬文档链接：