因为在开发过程中我们需要自己去导入ref()、reactive()等响应式说明，重复声明，所以为了减少每个 文件 中的声明，就引入 Auto - Import 去解决这个问题。在vite.config. ts 中引入 Auto Import ，同时配置相关信息。还需要在 ts config.json 文件 里加入。最后的 auto - import s.d. ts 文件 。 文件 是一个类型定义 文件 ，用于TypeScript项目中。这个 文件 通常是由一些现代 前端 开发工具和框架自动生成的，比如Vite、 Vue CLI或其他支持自动导入功能的工具。它的主要目的是提供一个类型声明环境，使得在你的项目中自动导入的变量、函数、组件等能够被TypeScript正确识别，从而提供类型检查和智能提示。 unplugin- vue - components 是一款按需自动导入 Vue 组件的库，支持 Vue 2 和 Vue 3，同时支持组件和指令。使用此插件库后，不再需要手动导入组件，插件会自动识别按需导入组件以及对应样式，我们只需要像全局组件那样使用即可。 这里先发现了vscode的扩展插件Vetur对vite+ vue 3并不友好，所以改成了使用 Vue - Official了解到 vue 3是需要使用ref()作为响应式声明的函数，引入了unplugin- auto - import 依赖，以便自动添加常用的方法和函数到开发页面，而不用每个页面去引入了需要在vite.config. ts 文件 里加入要自动引入的一些方法和函数使用resolve这里需要先引入nodejs的path的依赖，也可以用其他方案，这里就不说了，可以自己去查一下。 接着回到引用了ElMessage组件的页面查看，结果发生了惊喜，不但问题没解决，反而 ts config.json还多了一个问题，reference配置出问题了！既然在 ts config.json中配置include报错，而 ts config.json中有引用了 ts config.app.json 文件 ，那我索性在 ts config.app.json 文件 中配置include。既然如此，那我就打开了引用的 两个 路径 文件 。Ctrl + S保存，问题解决，而且无需再eslint配置 文件 中声明全局变量！ nuxt/ components 是Nuxt.js的官方模块，它提供了类似按需导入组件的功能。通过@nuxt/ components ，您可以在需要时动态地导入和注册组件，而不需要使用额外的插件。在template中像平常一样使用组件，它将按需导入组件，不再需要导入和注册组件！即使对于现有的解析器，我们也建议将它们移至独立的包中，以便拥有更快的发布周期。Ant Design Vue 按需导入样式目前支持css和less，然后直接在页面中使用组件库组件即可，会按需导入组件并加载样式。