Vue2/Vue3项目（vue-cli）引入element-ui

对于Vue2

可以通过如下命令将element-ui添加到依赖里来

 npm i element-ui -S

引入后可以在package.json中看到

main.js中引入：

import Vue from 'vue';
import App from './App.vue';
import ElementUI from 'element-ui';//添加
import 'element-ui/lib/theme-chalk/index.css';//添加

Vue.config.productionTip = false
Vue.use(ElementUI);  //添加

new Vue({
  render: h => h(App),
}).$mount('#app')

接下来就可以使用element-ui了，从element-ui官网案例中拷贝一段代码过来放在div中，再运行就可以在界面中看到效果了

Vue3

对于Vue3而言，则需要引入element-plus，网址如下

一个 Vue 3 UI 框架 | Element Plus (element-plus.org)

安装命令：

main.js中导入：

// main.js
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')

其余的一样正常使用，可以看element-plus的网页案例