Skip to content

uni-run/unibest-hbx

Repository files navigation

GitHub Repo stars GitHub forks star fork node version pnpm version GitHub package.json version (subfolder of monorepo) GitHub License

unibest 是一个 uniapp 跨端解决方案,由 uniapp + Vue3 + Ts + Vite4 + UnoCss + VSCode(可选 webstorm) 实现。它使用了最新的前端技术栈,可以通过命令行方式运行 web小程序App,同时也支持 HBuilderX 运行,当前版本为 HBuilderX 运行版本。如需通过命令行运行,请安装命令行版(unibest)。

unibest 内置了 约定式路由layout布局请求封装请求拦截登录拦截UnoCSSi18n多语言 等基础功能,提供了 代码提示自动格式化统一配置代码片段 等辅助功能,让你编写 uniapp 拥有 best 体验 ( unibest 的由来)。

📱 在线预览 | 📖 阅读文档

✨ 特性

  • ⚡️ Vue 3, Vite, pnpm, esbuild - 就是快!

  • 🔥 最新语法 - <script lang="ts" setup> 语法

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

  • 😃 UnoCSS Icons & icones - 海量图标供你选择

  • 🍍 pinia & pinia-plugin-persistedstate - 全端适配的全局数据管理

  • 🗂 uni.request 请求封装 - 一键引入,快捷使用

  • 📦 组件自动化加载 - 可配置化的组件加载方式,轻松加载组件

  • 📥 API 自动加载 - 直接使用 Composition API 无需引入

  • 🎉 v3 Code Snippets 加快你的页面生成

  • 🦾 TypeScript & ESLint & stylelint - 保证代码质量

  • 🌈 husky & lint-staged + commitlint - 保证代码提交质量

  • 💡 ES6 import 自动排序,css 属性 自动排序,增强编码一致性

  • 🖥 多环境 配置分开,想则怎么配置就怎么配置

⚙️ 环境

  • node>=18
  • pnpm>=7.30

📂 安装

# HBuilderX 模板,方便使用 uniCloud 云开发 (未来可以对接 uni-app x)
pnpm create unibest my-project -t hbx-base # hbx的base模板
pnpm create unibest my-project -t hbx-demo # hbx的demo模板,包含所有的demo

# 执行 `pnpm i` 安装依赖
pnpm i

📦 使用 HBuilderX 打开

HBuilderX 运行(支持热更新)或 编译

📄 License

MIT

Copyright (c) 2024 菲鸽

贡献者

由仓库直接生成: