前言
通过vue-cli webpack模板生成vue项目,有很多东西没有添加,也没有整合vuex。每次新建一个项目都要重新进行自己的配置,因此直接做一个空项目模板,省去了重复工作
个人添加项
- 添加sass-loader,node-sass支持;(不使用也不影响,不会打包到生产环境)
- 添加axios,并封装为ajax;
- 封装localstorage,sessionStorage(以上两条封装库来自@幻~精灵);
- 抽离routes并且设置模式为history;
- 打开Gzip,关闭CSSmap,现在打包后有gz文件,配合nginx使用;
- 添加reset.css,重置基本样式,baseURL设置为/,避免加载静态文件报错;
- 添加vuex支持,抽离state, mutaion, action三个部分,并且做了简单演示;(方便萌新认识如何整合vuex)
效果图及地址
Github链接
git方法
git clone https://github.com/MrTreasure/vue-blank-project
好用顺便star一波,谢谢:)