1.找官網  http://element.eleme.io/#/zh-CN/component/quickstart

2.安裝 ：

 cnpm i element-ui -S     -S表示  --save

3.引入element UI的css 和 外掛

        import ElementUI from 'element-ui';
        import 'element-ui/lib/theme-chalk/index.css';
        Vue.use(ElementUI)

;

4、*webpack.config.js  配置file_loader      http://element.eleme.io/1.4/#/zh-CN/component/quickstart
 

 {
            test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
            loader: 'file-loader'
              }

5.看文件直接使用。

element UI元件的單獨使用（第一種方法）：

1、cnpm install babel-plugin-component -D    

2、找到.babelrc 配置檔案
    把

{
          "presets": [
            ["env", { "modules": false }],
            "stage-3"
 

          ]
        }

    改為  注意：

{
          "presets": [["env", { "modules": false }]],
          "plugins": [
            [
              "component",
              {
            "libraryName": "element-ui",
            "styleLibraryName": "theme-chalk"
              }
            ]
          ]
        
 
}

3、

import { Button, Select } from 'element-ui';

    Vue.use(Button)
    Vue.use(Select)

element UI元件的單獨使用（第二種方法）：

import { Button, Select } from 'element-ui';

    Vue.use(Button)
    Vue.use(Select)

引入對應的css

import 'element-ui/lib/theme-chalk/index.css';

如果報錯： webpack.config.js  配置file_loader

 {
            test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
            loader: 'file-loader'
              }