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

时间:2022-05-14
本文章向大家介绍Vue:一个空白的Vue项目,开箱即用,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

前言

通过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一波,谢谢:)