一、开源项目简介?
由 Vue3 & Ts & Vite4 & uni-app 驱动的跨端快速启动模板。推荐使用 VSCode 编辑器开发,集成了 Prettier + ESLint+ StyleLint + husky + lint-staged + commitlint + UnoCSS + Vue3 + TypeScript + Vite4 + setup,开箱即用。
???Vue 3, Vite, pnpm, esbuild - 就是快!
📦?组件自动化加载
📑?pinia+适用于多端的持久化方案
🎨?UnoCSS?- 高性能且极具灵活性的即时原子化 CSS 引擎
😃?UnoCSS Icons,?海量图标-https://icones.js.org/
🔥 使用?新的?<script setup>?语法
📥?API 自动加载?- 直接使用?Composition API 无需引入
🦾?TypeScript?&?ESLint?&?stylelint?- 保证代码质量
🗂?husky?&?lint-staged?+?commitlint?- 保证代码提交质量
🗂 ES6 import 顺序自动排序,css 属性自动排序,增强编码一致性
🗂 使用请求拦截器,封装好您的请求
🗂 图片自动压缩,再也不用去tinyPng等网站压缩图片了
🗂 多环境配置分开,想则怎么配置就怎么配置
三、业务功能
?????页面下拉刷新
?导航栏返回or去首页
?导航栏渐变(微信+h5)
?自定义导航栏顶部机型适配
?微信小程序分享(好友+朋友圈)
?微信登录
?仿BOSS直聘-个人中心
?仿华为商城-个人中心
?页面悬浮球(floating bubble)
?多tab列表功能
?抽奖转盘
?仿网易云音乐APP(独立项目)
四、项目运行
web平台:pnpm dev:h5, 然后打开 http://localhost:9000/。
weixin平台:pnpm dev:mp-weixin 然后打开微信开发者工具,导入本地文件夹,选择本项目的dist/dev/mp-weixin 文件。
五、源码地址
开源地址:
关注博主并回复【fly3】获取项目源码。