首先这是个什么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)启动项目,查看效果


文章介绍了如何通过pnpm安装ElementPlusUI框架,以及配合unplugin-vue-components和unplugin-auto-import进行自动导入设置,在Vite配置文件中应用并启动项目来使用Vue3组件。

725

被折叠的 条评论
为什么被折叠?



