美文网首页我爱编程
vue element-ui引用

vue element-ui引用

作者: 遇而记起 | 来源:发表于2018-05-28 11:38 被阅读0次

    用webpack,element-ui,vue开发一个项目

    1、用webpack初始化一个vue项目

    vue init webpack-simple project-name

    2、cd project-name

    进去项目中,然后cnpm install 安装所有依赖的插件;

    3、cnpm install element-ui style-loader -D

    安装所缺插件 

    4、打开编辑器,进入webpack.config.js文件,添加如下代码;

    {

            test:/\.(eot|svg|ttf|woff|woff2)$/, 

             loader:'file-loader'

    }

    5、npm run dev

    6、进入项目中的main.js文件,加入如下代码;

    import ElementUI from 'element-ui'

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

    7、main.js中继续添加

    Vue.use(ElementUi)

    8、现在就可以在App.vue中运用elemnt-ui的框架了

    *9、更改webpack.config.js文件之后,记得重启 npm run dev

    10、https://shop136014658.taobao.com/ 

    相关文章

      网友评论

        本文标题:vue element-ui引用

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