二十五、Vue之PC端UI框架Element

一、官网

Element框架是PC端UI框架，网址：http://element-cn.eleme.io/#/zh-CN

二、安装、引入项目

（一）vue-cli3引入Element框架

vue add element

（二）vue-cli2引入Element框架

1.安装

cnpm i element-ui -S

2.引入

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

3.配置file_loader

cnpm install file_loader --save

在webpack.config.js中配置

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