vue2.0项目中引入element-UI组件【试了好多次 终于找到正确的方法了 】

•   创建一个完整的vue2.0项目
• 把端口号改下 （因为不改的话  后续会报 报错  说 端口号被占用  ）
• 使用 命令   【npm   install style-loader】 【npm install css-loader 】 【npm install  file-loader】 【npm  install element-ui】
• 项目里 找到 build  --->   webpaack.base.conf.js     找到图中表示的地方，在后面加上下面的两段代码。代码如下：

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

• 项目里找到src  -->  main.js  页面代码改成这样      其实就是加入 三行代码  

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

• 然后在helloworld.vue页面就可以使用element组件了。