vue-awesome-template

A Vue 2.x project template base on vue-cli 2.x；分层思路参考https://juejin.im/post/5b29c3bde51d45588d4d7110

特点

• Commitizen friendly
• auto-prettier、auto-fix支持
• 集成vue全家桶(vuex、vue-router、axios)
• 集成element-ui
• 支持主题化
• 自造组件
• 轮播
• popup
• toast
• confirm
• dialog
• audio
• loading
• 公式渲染组件
• 模拟滚动条组件
• svg 动态导入、sprite 化组件
• ...
• 自造指令
• textarea 自增高指令
• affix 图钉固定指令
• 移动端拖拽指令
• 返回顶部指令
• ...
• 常用库封装
• 前端下载库
• localStorage、sessionStorage 模块化封装
• 多窗口 postMessage 封装
• canvas 绘图板封装
• 全局 loading 封装
• 数字转中文库封装
• directives、filters 加载器封装
• 倒计时库封装
• event-bus 封装

• ...

• 常用 utils

• 分时函数

• 去抖、节流函数
• 获取随机数
• shuffle 函数
• unix 时间戳格式化函数
• 查询字符串解析函数
• 驼峰、帕斯卡转烤串转换函数
• 毫秒转换为 时'分"秒 形式函数
• 数字保留位数函数
• 数字转百分比函数
• 数组深度扁平化函数
• emoji 过滤函数
• url 中获取图片的流函数
• blob、file、dataURL 相互转换函数

vue 组件

• 翻页组件
• BaseSwiper
• toast 组件
• toast
• 防暴击按钮组件
• 防暴击按钮
• 点击区域放大组件
• 点击区域放大
• 确认框组件
• 确认框
• latex 公式渲染组件
• latex 公式渲染
• 圣杯布局组件
• 圣杯布局
• 粘滞布局组件
• 粘滞布局
• 列表过渡组件
• 列表过渡
• loading 组件
• loading
• loading spinner 组件
• loading spinner
• modal 组件
• modal
• popup 组件
• popup
• 模拟滚动组件
• 模拟滚动
• 模拟滚动条组件
• 模拟滚动条
• 路由切换动画组件
• 路由切换动画

常用库

• 前端下载库
• 前端下载库
• 全局 loading 库
• 全局 loading
• 浮点数转中文库
• 浮点数转中文
• 倒计时库
• 倒计时库
• localStorage、sessionStorage 封装库
• localStorage、sessionStorage 封装库

• postMessage 封装库

• postMessage 封装库

指令库

• input、textarea 自增高指令
• input、textarea 自增高指令
• 点击区域外指令
• 点击区域外指令
• 移动端拖动指令
• 移动端拖动指令
• 图钉 Affix 指令
• 图钉 Affix 指令

utils

• 浏览器识别
• 浏览器识别
• dom 操作
• dom 操作
• 缓动函数
• 缓动函数
• file 常用类型转换
• file 常用类型转换
• raf 封装
• raf
• raf-animation 封装
• raf-animation
• 获取滚动条宽度封装
• 获取滚动条宽度
• 类型判断封装
• 类型判断
• 解析查询字符串、节流、去抖、分时封装
• 解析查询字符串、节流、去抖、分时

sass

• 网格
• 网格
• 常用 functions
• 常用 functions
• 常用 mixins
• 常用 mixins
• 常用 placeholder
• 常用 placeholder

• mediaQuery 封装

• mediaQuery 封装

其他项目

• drawing-board
• 基于 canvas 的绘图板
• fe-awesome-demos
• 前端入门 demo、最佳实践集合
• WebpackTemplate
• webpack 多页面脚手架 https://bryanadamss.github.io/2018/01/02/webpack-multi-page/
• BryanAdamss.github.io
• 个人博客 ...

npm 包

• @bryanadamss/drawing-board
• @bryanadamss/num2chn
• ant-color-converter

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2020 BryanAdamss@foxmail.com.

This project is MIT licensed.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

GuangHui 📆

This project follows the all-contributors specification. Contributions of any kind welcome!