vite+vue+ts的模板项目,并且配置了一些常用的三方库
自动导入 添加对volar的支持
// tsconfig.json
{
// ...
"compilerOptions": {
// ...
"types": ["element-plus/global"]
}
}
自动导入element-plus的组件,首先安装两个插件,unplugin-vue-components用于自动导入组件,unplugin-auto-import用于自动导入组件的样式
pnpm install -D unplugin-vue-components unplugin-auto-import
然后再vite.config.ts中配置
// vite.config.ts
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'
export default defineConfig({
// ...
plugins: [
// ...
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
],
})