1、使用vite创建项目,并设置TS支持
npm init @vitejs/app myVueApp --template vue
2、安装element-plus
npm install element-plus --save
3、安装unplugin-vue-components
npm install unplugin-vue-components
4、vite.config.ts中配置按需引入,配置后文件如下
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// https://vitejs.dev/config/
export default defineConfig({
plugins:
[
vue(),
Components({
resolvers: [ElementPlusResolver()],
}),
]
})
至此,便可以使用element-plus了