脚手架:vue-cli3.0
element-ui的安装

npm i element-ui -S

官网的原话


我们在用cli3构建项目时一般是已经安装了babel(本来就是后端来的,这个东西百度了说是让我们项目能够使用es6,7语法,就那么简单,到底是个什么鬼东西,可能等到以后累积更多的经验之后才能更加深入了解了)

所以我们直接在babel.config.js中配置就好了


配置:
 

module.exports = {
  presets: [
    '@vue/app',
    ['env',      //添加 babel-preset-env 配置
      {
        'modules': false
      }
    ]
  ],
  plugins: [        // element官方教程
    [
      'component',
      {
        'libraryName': 'element-ui',
        'styleLibraryName': 'theme-chalk'
      }
    ]
  ]
}

//从element-ui中引入需要的组件
import { Button } from 'element-ui';
//element-ui样式还是需要全部加载的
import 'element-ui/lib/theme-chalk/index.css';


//使用Button组件
Vue.use(Button)

这样就可以单独使用element-ui的button组件了