c1emon / lemon-gate

UniAPP 快速启动模版 Uni Starter

环境配置 Copy From uni-vitesse, 力求一个开箱即用的环境配置

特性

• ⚡️ Vue 3, Vite 3, pnpm, ESBuild - 就是快！

• 🗂 基于文件的约定式路由

• 📦 组件自动化加载

• 📑 布局系统

• 🍍 使用 Pinia 的状态管理

• 🌐 Axios - 基于Promise的http client

• 🎨 UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎

• 🧱 Wot Design Uni - 高颜值、轻量化的uni-app组件库

• 😃 各种图标集为你所用

• 🔥 使用 新的 <script setup> 语法

• 📥 API 自动导入 - 直接使用 Composition API 等

• ✅ 使用 Vitest 进行单元和组件测试

• 🦾 TypeScript, 当然

• 🔒︎ 锁 pnpm 包管理

• 🥦 taze - 让你的依赖保持新鲜

如无跨端需求, 更推荐 Vitesse-lite

从 Vitesse-lite 中删除了以下特性

• VueUse

预配置

UI 框架

• UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎

Icons

• Iconify - 使用任意的图标集，浏览：🔍Icônes

• UnoCSS 的纯 CSS 图标方案

测试框架

• Vitest - 由 Vite 支持的单元测试

插件

• Pinia - 符合直觉的 Vue.js 状态管理库

• unplugin-auto-import - 直接使用 Composition API 等，无需导入

• unplugin-vue-components - 组件自动导入

• vite-plugin-vue-devtools - 旨在增强 Vue 开发者体验

• axios-retry - Axios请求重试

• uni-helper 组织

  • vite-plugin-uni-pages - 基于文件的约定式路由

  • vite-plugin-uni-layouts - 页面布局系统

  • vite-plugin-uni-components - 从unplugin-vue-components派生并修改以适应UniApp

  • uni-app-types - UniApp 类型增强

  • vite-plugin-uni-manifest - 使用 TypeScript 编写 UniApp 的 manifest.json

  • axios-adapter - 为 UniApp 打造的 Axios 适配器，支持全平台

  • unocss-preset-uni - UnoCSS UniApp 预设，修复 Windows 平台频繁崩溃问题 #3603

    • unocss-applet - UnoCSS 小程序预设，兼容在小程序中使用 Attributify Mode

  • eslint-config - 适用于 UniApp 的 Antfu ESLint 配置

编码风格

• 使用 <script setup> 的 SFC 语法 与 Composition API 结合使用。
• 使用 ESLint 工具检查代码格式，并使用 @antfu/eslint-config 配置，使用单引号并去掉分号。

现在可以试试!

克隆到本地

如果您更喜欢使用更干净的 git 历史记录手动执行此操作

npx degit c1emon/uni-starter my-uni-app
cd my-uni-app
pnpm i # 如果你没装过 pnpm, 可以先运行: npm install -g pnpm

检查清单

当您使用此模板时，请尝试按照清单正确更新您的信息

• 更改 LICENSE 中的作者姓名
• 更改 manifest.config.ts 中的项目名称、描述、appid 等
• 更改 public 中的图标
• 整理 README 并删除演示页面和组件

接下来就请享受吧！:)

运行

参考 uni-app 官方文档：运行、发布uni-app

备注

• 使用自定义NavBar替代原生导航栏，navbarHeight=44px
• 增加home以及default布局
• Axios拦截器需在应用axiosRetry前添加
• 暴露全局主题设置
• 地图组件自适应页面高度
• npx @dcloudio/uvm@latest一键升级UniApp相关依赖