1、安装 element-ui:npm i element-ui -S
2、安装按需加载的依赖:npm install babel-plugin-component -D
3、修改.babelrc 文件:
{
"presets": [["es2015", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
4、编写代码:
main.js
import ElementUI from 'element-ui';
import { Button, Select } from 'element-ui';
Vue.use(Button)
5、根据官网添加组件代码
https://element.eleme.cn/#/zh-CN/component/layout
报错:
(1)Couldn't find preset "es2015"
解决:npm install babel-preset-es2015 --save-dev,然后重启项目 npm run dev 即可
wiki:https://element.eleme.cn/#/zh-CN/component/quickstart