Vue-template
基于vue3,vue-cli4二次封装的移动端框架
多入口打包 + 自动生成项目模版 + pinia + 数据持久化 + 路由动画 + axios二次封装 + less sass 变量函数处理 + viewport 适配方案
启动项目
npm i
npm run dev
npm run init // 生成新项目
1
2
3
4
5
2
3
4
5
功能点
本项目是基于vue-cli4.x,webpack5,对vue-cli提供的框架做的二次封装,主要封装的功能点多入口打包 + 自动生成项目模版 + pinia + 数据持久化 + 路由动画 + axios二次封装 + less sass 变量函数处理 + viewport 适配方案等等
目录如下:
- 💪 使用pnpm包管理工具
- 👋 多入口打包
- 👌 自动化生成项目基本模版
- 🤘 Pinia状态管理库
- 🤏 持久化存储插件封装
- 👍 路由动画的封装
- 👍 引入NProgess
- 👍 支持history路由模式
- 🤝 axios 二次封装
- 💪 viewport 适配方案
- ✌️ less sass变量,函数的处理
- ☝️ 配置多环境变量
- 👏 兼容性处理方案
- 👏 Eslint + prettier + husky + commitlint 规范化处理
后期规划
路由配置history,目前使用history 无法访问二级页面,等待后期研究ngnix(9月16日已完成)统一的格式控制管理,能够适用于webstrom 和 vscode多入口时选择编译单个入口文件(已完成)- 整个项目cli化,可以像vue-cli那样,直接一行命令下载下来
- 增量编译,随着项目变大,每次发布把所有项目都打包一遍是不现实的,能否有一个方案只编译有修改部分,这样编译效率大大提高
common 基础方法库 打包封装(与大佬沟通后,意义不大,暂时放弃)- 使用vite搭建组件库component
如果对你有帮助,可以送我一颗珍贵的小星星(づ ̄3 ̄)づ╭❤~
如果有任何疑问,可直接微信联系我,秒回。
如果有任何疑问,可直接微信联系我,秒回。
个人微信 & 微信公众号