VUE全局使用element-ui组件

**

安装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命令，可以正常启动

来源：CSDN

作者：王湘佰��

链接：https://blog.csdn.net/WXB_gege/article/details/104520972