首先这是个什么b东西我们大概知道一下
(1)在终端敲入pnpm i(install的简写) element-plus
ps:在package.json文件中记录着我们所安装的包
(2)安装unplugin-vue-components和unplugin-auto-import,终端敲入pnpm install -D unplugin-vue-components unplugin-auto-import,ps: -D
表示 --save-dev
参数。使用 -D
或 --save-dev
参数可以将需要的依赖安装为开发依赖。(按需导入)
(3)在vite.config.ts文件下导入以下包
import Autolmport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
(4)在vite.config.ts文件的plugins配置一波
(5)随便在一个vue上使用Element Plus组件(一个 Vue 3 UI 框架 | Element Plus)
(6)启动项目,查看效果