前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue:一个空白的Vue项目,开箱即用

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

作者头像
MrTreasure
发布2018-05-10 11:15:58
1.4K0
发布2018-05-10 11:15:58
举报
文章被收录于专栏:不止是前端不止是前端

前言

通过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方法

代码语言:javascript
复制
git clone https://github.com/MrTreasure/vue-blank-project

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017.09.06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 个人添加项
  • 效果图及地址
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档