开源了一款Vue3 & Ts & Vite4 & uni-app 驱动的跨端快速启动模板

一、开源项目简介 

由 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】获取项目源码。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

科技语者

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值