美文网首页Vue
在vuejs项目中集成Element UI

在vuejs项目中集成Element UI

作者: 一定要取个名字嘛 | 来源:发表于2018-06-01 10:13 被阅读0次

    接触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

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

    相关文章

      网友评论

        本文标题:在vuejs项目中集成Element UI

        本文链接:https://www.haomeiwen.com/subject/lmehsftx.html