Vue:一个空白的Vue项目,开箱即用
时间:2022-05-14
本文章向大家介绍Vue:一个空白的Vue项目,开箱即用,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
前言
通过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)
效果图及地址
Vuex简单演示
Github链接 git方法
git clone https://github.com/MrTreasure/vue-blank-project
好用顺便star一波,谢谢:)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- PHP中Static(静态)关键字功能与用法实例分析
- 详解PHP 二维数组排序保持键名不变
- 详解PHP的抽象类和抽象方法以及接口总结
- keras的ImageDataGenerator和flow()的用法说明
- python 识别登录验证码图片功能的实现代码(完整代码)
- Laravel事件监听器用法实例分析
- iOS 性能优化实践:头条抖音如何实现 OOM 崩溃率下降50%+
- PHP join()函数用法与实例讲解
- Laravel框架实现的使用smtp发送邮件功能示例
- 浅谈PHP无限极分类原理
- 浅谈PHP各环境下的伪静态配置
- 浅谈php的TS和NTS的区别
- 详解用Python调用百度地图正/逆地理编码API
- python如何使用代码运行助手
- keras topN显示,自编写代码案例