**
安装element:
**npm i element-ui -S
main.js中引用:
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(ElementUI)
页面引用组件:
<div class="staff-border-bottom">
<i class="el-icon-edit"></i>
<i class="el-icon-share"></i>
<i class="el-icon-delete"></i>
<el-button type="primary" icon="el-icon-search">搜索</el-button>
</div>
**
运行项目:
**npm run dev
展示:
过程中遇到一个BUG:
import 'element-ui/lib/theme-default/index.css’报错,参考了网上的前辈发现有和我一样的错误,发现教程上是import 'element-ui/lib/theme-default/index.css’这样引用文件,但是最新版本的elementui的这个文件夹改名了。。。。。
我们把main.js引入路径改为import ‘element-ui/lib/theme-chalk/index.css’,再次运行 npm run dev命令,可以正常启动