vue-cli 搭建项目,ElementUI的搭建和使用
要在Vue CLI创建的项目中使用Element UI,请按照以下步骤操作:
- 创建一个新的Vue CLI项目(如果你还没有):
vue create my-project
- 进入项目目录:
cd my-project
- 添加Element UI:
vue add element
这个命令会自动将Element UI添加到你的Vue项目中。如果你想要更多的控制,可以手动安装:
npm install element-ui --save
- 在你的Vue项目中引入和使用Element UI。打开项目的入口文件,比如
src/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项目中使用Element UI了。你可以在任何组件中使用Element UI的组件,例如:
<template>
<div>
<el-button type="primary">点击我</el-button>
</div>
</template>
<script>
export default {
// 组件逻辑
}
</script>
以上步骤和代码展示了如何在Vue CLI创建的项目中引入和使用Element UI。
评论已关闭