在项目中安装element-ui库
cnpm i element-ui -S
在项目中创建elemet配置文件夹,创建index.js文件,对element进行配置
import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);
在程序入口处,引入配置文件,是配置生效 ```javascript import Vue from ‘vue’ import App from ‘./App’ import Element from ‘./element’
Vue.config.productionTip = false
/ eslint-disable no-new /
new Vue({
el: ‘#app’,
components: { App },
template: ‘
5. 就可以在所有的Vue文件中,直接使用element的组件了。
5. 在项目编译后发现,项目无法使用矢量图资源文件,需要修改以下内容,重新编译
```javascript
build/utils.js 文件:
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../' // 添加此处代码
})