🚀🚀🚀 一个Uniapp的起始模版，Vite,Vue3,TypeScript

预览

Inspired by Vitesse ❤

Features

• ⚡️ Vue3, Vite 4, pnpm, ESBuild - 就是快！
• 🗂 基于文件的路由
• 📦 组件自动化加载
• 🎨 UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎
• 😃 各种图标集为你所用
• 🔥 使用 新的 <script setup> 语法
• 🍍 使用 Pinia 的状态管理
• 📥 API 自动加载 - 直接使用 Composition API 与UniAPP API 无需引入
• 🦾 TypeScript, 当然

预配置

UI 框架

• UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎
• nutui-uniapp - 支持TS与 Uniapp的多端开发组件库
• Uni UI - 性能最好的UniApp组件库

Icons

• Iconify - 使用任意的图标集，浏览：🔍Icônes
• UnoCSS 的纯 CSS 图标方案

插件

• Router
  • vite-plugin-uni-pages - 在 Vite 驱动的 uni-app 上使用基于文件的路由系统。
  • vite-plugin-uni-layouts - Vite 下 uni-app 的可定制布局框架。
• Pinia - 直接的, 类型安全的, 使用 Composition API 的轻便灵活的 Vue 状态管理
• vite-plugin-uni-components - 自动加载组件
• unplugin-auto-import - 直接使用 Composition API 等，无需导入
• vite-plugin-uni-manifest - 使用 TypeScript 编写 uni-app 的 manifest.json
• uni-network - 为 uni-app 打造的基于 Promise 的 HTTP 客户端
• @tanstack/vue-query - 数据获取(data-fetching)库
• unocss-preset-uni - 专为 uni-app 打造的 UnoCSS 预设

使用

开发

pnpm i

pnpm dev:对应平台 如 pnpm dev:mp-weixin

构建

构建该应用只需要执行以下命令

pnpm build:对应平台 如 pnpm build:mp-weixin

Variations

• react-template

• vue-template