UniAPP 版的 Vitesse-lite
简体中文 | English
环境配置 Copy From Vitesse-lite, 力求一个开发体验良好的环境配置。
-
📦 组件自动化加载
-
📑 布局系统
-
🎨 UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎
-
🔥 使用 新的
<script setup>语法 -
📥 API 自动导入 - 直接使用 Composition API 等
-
🦾 TypeScript, 当然
-
🔒︎ 锁 pnpm 包管理
-
☁️ 零配置部署 Netlify
如无跨端需求, 更推荐 Vitesse-lite
VueUse@10.x 及之后不专门兼容 UniApp,可以安装 VueUse@9.x 之前版本,或者使用 vite-plugin-uni-polyfill 插件,做简单兼容。
但小程序端即使做了兼容,也存在部分 API 不支持的情况,需要自行判断。
- UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎
-
Pinia- 符合直觉的 Vue.js 状态管理库 -
unplugin-auto-import- 直接使用 Composition API 等,无需导入 -
unplugin-vue-components- 组件自动导入 -
vite-plugin-vue-devtools- 旨在增强 Vue 开发者体验。 -
@areschang/utils- 个人常用工具函数 -
uni-use-router- UniApp 路由跳转补充函数库,与 Vue Router 语法靠近 -
VueUse- 基于 Vue 3 的 Composition API 的实用函数库 -
uni-helper组织-
vite-plugin-uni-pages- 基于文件的约定式路由 -
vite-plugin-uni-layouts- 页面布局系统 -
uni-types- UniApp 类型增强 -
unocss-preset-uni- UnoCSS UniApp 预设,修复Windows平台频繁崩溃问题 #3603unocss-applet- UnoCSS 小程序预设,兼容在小程序中使用Attributify Mode
-
eslint-config- 适用于 UniApp 的 Antfu ESLint 配置 -
uni-use- 基于 VueUse 的 UniApp 实用函数库补充
-
- 使用
<script setup>的 SFC 语法 与 Composition API 结合使用。 - 使用 ESLint 工具检查代码格式,并使用 @antfu/eslint-config 配置,使用单引号并去掉分号。
如果您更喜欢使用更干净的 git 历史记录手动执行此操作
npx degit ares-chang/uni-vitesse my-uni-app
cd my-uni-app
pnpm i # 如果你没装过 pnpm, 可以先运行: npm install -g pnpm当您使用此模板时,请尝试按照清单正确更新您的信息
- 更改
LICENSE中的作者姓名 - 更改
manifest.json中的项目名称,描述,appid等 - 更改
public中的图标 - 整理
README并删除演示页面和组件
接下来就请享受吧!:)
参考 uni-app 官方文档:运行、发布uni-app
