添加elementplus

auto-imports.d.ts

+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const ElTree: typeof import('element-plus/es')['ElTree']
+}

components.d.ts

@@ -7,6 +7,17 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
+    ElTree: typeof import('element-plus/es')['ElTree']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     SvgIcon: typeof import('./src/components/SvgIcon/index.vue')['default']

env.d.ts

 /// <reference types="vite/client" />
+/// <reference types="element-plus/global" />
\ No newline at end of file

package.json

@@ -17,6 +17,7 @@
     "axios": "^1.4.0",
     "consola": "^3.2.3",
     "dayjs": "^1.11.10",
+    "element-plus": "^2.3.14",
     "install": "^0.13.0",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",
@@ -46,7 +47,8 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^3.0.0",
     "typescript": "~5.1.6",
-    "unplugin-vue-components": "^0.25.1",
+    "unplugin-auto-import": "^0.16.7",
+    "unplugin-vue-components": "^0.25.2",
     "vite": "^4.4.6",
     "vite-plugin-style-import": "^2.0.0",
     "vite-plugin-svg-icons": "^2.0.1",

tsconfig.app.json

@@ -5,6 +5,7 @@
   "compilerOptions": {
     "composite": true,
     "baseUrl": "./",
+    "types": ["element-plus/global"],
     "paths": {
       "@/*": ["src/*"],
       "#/*": ["types/*"],

vite.config.ts

 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import { defineConfig } from 'vite'
+import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
 import { createStyleImportPlugin, VxeTableResolve } from 'vite-plugin-style-import'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
@@ -12,11 +14,15 @@ export default defineConfig({
   plugins: [
     vue(),
     vueJsx(),
+    AutoImport({
+      resolvers: [ElementPlusResolver()]
+    }),
     Components({
       resolvers: [
         AntDesignVueResolver({
           importStyle: false // css in js
-        })
+        }),
+        ElementPlusResolver()
       ]
     }),
     createStyleImportPlugin({