vue2整合elementui

在网上搜了好多版本，对于小白的我来说，看到很多比较模糊的blog，终于爬出了这个大坑，在这里分享一下本小白遇到的问题。

1.下载nodejs  

2.安装vue，vue-cli，webpack

3.从这里就开始上图啦！！！

（1）初始化并创建vue项目

然后猛的回车就完事了，但是之后我遇到了一些警告，吓得我以为是有什么问题，现在用事实证明不鸟他就完事了

（2）初始化完成后进入目录，并run一下看能成功运行vue项目不

随即访问相应的端口看到这个页面就差不多完事啦！

 

（3）导入elementUI

(4)修改main.js

并添加对应的代码

 

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.config.productionTip = false
Vue.use(ElementUI)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: ''
})

（5）！！！！！！！这里画重点圈起来 npm run dev

到这一步基本就大功告成了，但是小白的我不熟悉项目结构猛着在index.html中引入elementui的标签，并没有实现对应的效果，然后就以为是上面的WRAN导致的，然后又重装nodejs，又这又那的走了好多弯路，这里提醒像我这样的傻子提前熟悉一下vue的项目结构，与结构的说明。

最后终于大功告成，路还很长啊！！！！