UniAPP 快速启动模版 Uni Starter
环境配置 Copy From uni-vitesse, 力求一个开箱即用的环境配置
-
📦 组件自动化加载
-
📑 布局系统
-
🌐 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
- 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
平台频繁崩溃问题 #3603unocss-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相关依赖