接触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
最后祝所有的大朋友以及小朋友们节日快乐!
网友评论