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

发布时间:2024年01月13日

一、开源项目简介?

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

文章来源:https://blog.csdn.net/2302_81075415/article/details/135566035
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。