美文网首页Vue2.x使用小结Vue.js专区
Vue:一个空白的Vue项目,开箱即用

Vue:一个空白的Vue项目,开箱即用

作者: Mr_Treasure | 来源:发表于2017-09-06 21:08 被阅读147次

    前言

    通过vue-cli webpack模板生成vue项目,有很多东西没有添加,也没有整合vuex。每次新建一个项目都要重新进行自己的配置,因此直接做一个空项目模板,省去了重复工作

    个人添加项

    1. 添加sass-loader,node-sass支持;(不使用也不影响,不会打包到生产环境)
    2. 添加axios,并封装为ajax;
    3. 封装localstorage,sessionStorage(以上两条封装库来自@幻~精灵);
    4. 抽离routes并且设置模式为history;
    5. 打开Gzip,关闭CSSmap,现在打包后有gz文件,配合nginx使用;
    6. 添加reset.css,重置基本样式,baseURL设置为/,避免加载静态文件报错;
    7. 添加vuex支持,抽离state, mutaion, action三个部分,并且做了简单演示;(方便萌新认识如何整合vuex)

    效果图及地址

    Vuex简单演示

    Github链接
    git方法

    git clone https://github.com/MrTreasure/vue-blank-project
    

    好用顺便star一波,谢谢:)

    相关文章

      网友评论

        本文标题:Vue:一个空白的Vue项目,开箱即用

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