【Vue前端】vue-cli与ElementUI

要在Vue项目中使用ElementUI，你需要首先使用vue-cli创建一个新项目，然后安装ElementUI。以下是步骤和示例代码：

1. 创建一个新的Vue项目（如果你还没有）：

vue create my-project

2. 进入项目文件夹：

cd my-project

3. 安装ElementUI：

vue add element

这个命令会自动将ElementUI集成到你的Vue项目中。如果你想手动安装，可以执行以下步骤：

npm install element-ui --save

4. 在你的Vue项目中引入和使用ElementUI。在main.js文件中添加以下内容：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'
 
Vue.use(ElementUI)
 
new Vue({
  el: '#app',
  render: h => h(App)
})

现在你可以在Vue组件中使用ElementUI的组件了。例如，使用一个ElementUI的按钮：

<template>
  <el-button type="primary">点击我</el-button>
</template>
 
<script>
export default {
  // 组件逻辑
}
</script>

以上步骤和代码展示了如何在Vue项目中使用vue-cli和ElementUI。