一、开源项目简介
由 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】获取项目源码。