1、安装element-plus
官网地址:https://element-plus.org/zh-CN/guide/installation.html
2、安装方法:
# 选择一个你喜欢的包管理器
# NPM
npm install element-plus --save
# Yarn
yarn add element-plus
# pnpm
pnpm install element-plus
这里我选择的 是pnpm来进行安装:
新建终端:
3、安装成功以后,package.json会多一个element-plus的依赖
4、main.ts中增加引用
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
createApp(App).use(ElementPlus).mount('#app')
5、预览效果:
显示了一个按钮的效果,当然这个只是测试中简单的集成,实际的开发中,配制要比这个复杂。