1. 在项目中安装element-ui库

      1. cnpm i element-ui -S
    2. 在项目中创建elemet配置文件夹,创建index.js文件,对element进行配置

      import Vue from 'vue';
      import ElementUI from 'element-ui';
      import 'element-ui/lib/theme-chalk/index.css';
      Vue.use(ElementUI);
      
    3. 在程序入口处,引入配置文件,是配置生效 ```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: '../../'                            // 添加此处代码
      })