vite2.0+vue3.0项目引入Element-Ui
1、安装Element-Plus
在项目根目录终端运行以下代码
npm install element-plus --save
2、在项目的src目录下的main.js文件中添加以下代码
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
createApp(App).use(ElementPlus)
main.js完整代码
import { createApp } from 'vue'
import App from './App.vue'
// 引入路由
import router from './router'
// 整合ElementPlus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
createApp(App).use(router).use(ElementPlus).mount('#app')
3、在页面中引用并运行
在页面中写入以下代码
<el-row>
<el-button>默认按钮</el-button>
<el-button type="primary">主要按钮</el-button>
<el-button type="success">成功按钮</el-button>
<el-button type="info">信息按钮</el-button>
<el-button type="warning">警告按钮</el-button>
<el-button type="danger">危险按钮</el-button>
</el-row>
运行项目后,能在页面上看见以下样式则为引用成功