一、 安裝element-ui
npm install element-ui --save
因為element-ui是依賴於element,所以也需要安裝此
npm install element --save
二、 npm install babel-plugin-component -D
三、 在babel.config.js中添加此段代碼
如有其它配置,只需要在 plugins 的數組中繼續添加我們需要的配置代碼就行了
module.exports = {
plugins: [
[
'component',
{
libraryName: 'element-ui',
styleLibraryName: 'theme-chalk'
}
]
]
}
四、 可以在項目文件下添加plugins文件,並添加element.js
//按照自己需要添加組件
import Vue from 'vue'
import { Button, Form, FormItem, Input, Message } from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(Button).use(Form).use(FormItem).use(Input)
Vue.prototype.$message = Message
五、 最后在main.js中導入
import '@/plugins/element.js'