Skip to content

Vue-template

基于vue3,vue-cli4二次封装的移动端框架

多入口打包 + 自动生成项目模版 + pinia + 数据持久化 + 路由动画 + axios二次封装 + less sass 变量函数处理 + viewport 适配方案

🔥 语雀文档地址 🌈 掘金项目介绍

启动项目

npm i

npm run dev

npm run init // 生成新项目
1
2
3
4
5

功能点

本项目是基于vue-cli4.x,webpack5,对vue-cli提供的框架做的二次封装,主要封装的功能点多入口打包 + 自动生成项目模版 + pinia + 数据持久化 + 路由动画 + axios二次封装 + less sass 变量函数处理 + viewport 适配方案等等

目录如下:

后期规划

  • 路由配置history,目前使用history 无法访问二级页面,等待后期研究ngnix(9月16日已完成)
  • 统一的格式控制管理,能够适用于webstrom 和 vscode
  • 多入口时选择编译单个入口文件已完成
  • 整个项目cli化,可以像vue-cli那样,直接一行命令下载下来
  • 增量编译,随着项目变大,每次发布把所有项目都打包一遍是不现实的,能否有一个方案只编译有修改部分,这样编译效率大大提高
  • common 基础方法库 打包封装与大佬沟通后,意义不大,暂时放弃
  • 使用vite搭建组件库component

如果对你有帮助,可以送我一颗珍贵的小星星(づ ̄3 ̄)づ╭❤~

如果有任何疑问,可直接微信联系我,秒回。

如果有任何疑问,可直接微信联系我,秒回。

个人微信 & 微信公众号

logologo