在vuejs项目中集成Element UI

接触vue这个框架的时间并不长，不过这个却是现在比较主流的前端框架，所以没有用到，也建议有心的“小朋友们”（因为今天六一嘛，凑个热闹）能利用空余时间去了解下。以下是安装步骤

安装完nodejs的所有，能正常运行整个项目后，将element集成到项目中的步骤如下：

1.在cmd命令行进入到项目根目录输入cnpm i element-ui -S

2.安装完成之后，package.json文件会增加element-ui依赖

3.用完整引入方式在main.js中写入以下内容

import ElementUI from 'element-ui'；

import 'element-ui/lib/theme-chalk/index.css'；

Vue.use(ElementUI)；

这里特别注意一点，之前上图标识提到的新增注释掉的语句是不需要注释掉的，他是样式文件，如果注释掉就无法引用此框架样式，之所以安装时出错是里面的路径和网上提供的不一致，实际还是按照自己项目下的路径名来定义，如我的项目下面此框架的样式路径是这样：

element-ui/lib/theme-chalk/index.css

4.可以使用安装依赖cnpm install

5.最后运行 npm run dev

6.可以测试在App.vue文件添加

效果显示

参考文档：https://www.cnblogs.com/Leo_wl/p/6900113.html

最后祝所有的大朋友以及小朋友们节日快乐！