element-ui学习笔记

1、首先新建项目vue-elementUi

1.vue init webpack vue-elementUi
2.cd vue-elementUi
3.npm install 
4.npm run dev

2、其次安装Loader模块

1 npm install style-loader -D
2 npm install css-loader -D
3 npm install file-loader -D

3、安装Element-ui框架

npm install element-ui --save

4、修改webpack.base.conf.js，在其中添加以下代码：

  {
        test: /\\\\\\\\.css$/,
        loader: "style!css"
    },
    {
        test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,
        loader: "file"
    }

5、引入Element-ui
进入element-ui项目，在src/main.js目录中，添加如下代码：

 1.import Element from 'element-ui 
 2.import 'element-ui/lib/theme-chalk/index.css' 
 3.Vue.use(Element)

6、测试，完成！

<el-button type="primary">主要按钮</el-button>
<el-button type="text">文字按钮</el-button>