本文共 874 字，大约阅读时间需要 2 分钟。

1.找官网

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这里写代码片.看文档直接使用。

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'          }

转载地址：https://blog.csdn.net/weixin_38676040/article/details/82658383 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！