116 lines
5.6 KiB
Markdown
116 lines
5.6 KiB
Markdown
|
<p align="center">
|
|||
|
|
<a href="https://github.com/codercup/unibest">
|
|||
|
|
<img width="160" src="./static/logo.svg">
|
|||
|
|
</a>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<h1 align="center">
|
|||
|
|
<a href="https://github.com/codercup/unibest" target="_blank">unibest - 最好的 uniapp 跨端解决方案</a>
|
|||
|
|
</h1>
|
|||
|
|
|
|||
|
|
<div align="center">
|
|||
|
|
|
|||
|
|
[](https://github.com/codercup/unibest)
|
|||
|
|
[](https://github.com/codercup/unibest)
|
|||
|
|
[](https://gitee.com/codercup/unibest/stargazers)
|
|||
|
|
[](https://gitee.com/codercup/unibest/members)
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
`unibest` 是一个 uniapp 跨端解决方案，由 `uniapp` + `Vue3` + `Ts` + `Vite4` + `UnoCss` + `VSCode`(可选 `webstorm`) 实现。它使用了最新的前端技术栈，可以通过命令行方式运行 `web`、`小程序` 和 `App`，同时也支持 `HBuilderX` 运行，当前版本为 `HBuilderX` 运行版本。如需通过命令行运行，请安装命令行版（<a href="https://github.com/codercup/unibest" target="_blank">unibest</a>）。
|
|||
|
|
|
|||
|
|
`unibest` 内置了 `约定式路由`、`layout布局`、`请求封装`、`请求拦截`、`登录拦截`、`UnoCSS`、`i18n多语言` 等基础功能，提供了 `代码提示`、`自动格式化`、`统一配置`、`代码片段` 等辅助功能，让你编写 `uniapp` 拥有 `best` 体验 （ `unibest 的由来`）。
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<p align="center">
|
|||
|
|
<a href="https://codercup.github.io/unibest/" target="_blank">📱 在线预览</a>
|
|||
|
|
<span style="margin:0 10px;">|</span>
|
|||
|
|
<a href="https://codercup.github.io/unibest-docs/base/13-hbx" target="_blank">📖 阅读文档</a>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
## ✨ 特性
|
|||
|
|
|
|||
|
|
- ⚡️ [Vue 3](https://github.com/vuejs/core), [Vite](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/), [esbuild](https://github.com/evanw/esbuild) - 就是快！
|
|||
|
|
- 🔥 最新语法 - `<script lang="ts" setup>` 语法
|
|||
|
|
- 🎨 [UnoCSS](https://unocss.dev/) - 高性能且极具灵活性的即时原子化 CSS 引擎
|
|||
|
|
- 😃 [UnoCSS Icons](https://unocss.dev/presets/icons) & [icones](https://icones.js.org/) - 海量图标供你选择
|
|||
|
|
- 🍍 [pinia](https://pinia.vuejs.org/) & [pinia-plugin-persistedstate](https://prazdevs.github.io/pinia-plugin-persistedstate/zh/guide/) - 全端适配的全局数据管理
|
|||
|
|
- 🗂 `uni.request` 请求封装 - 一键引入，快捷使用
|
|||
|
|
- 📦 [组件自动化加载](./src/components) - 可配置化的组件加载方式，轻松加载组件
|
|||
|
|
- 📥 [API 自动加载](https://github.com/antfu/unplugin-auto-import) - 直接使用 Composition API 无需引入
|
|||
|
|
- 🎉 `v3` Code Snippets 加快你的页面生成
|
|||
|
|
- 🦾 [TypeScript](https://www.typescriptlang.org/) & [ESLint](https://eslint.org/) & [stylelint](https://stylelint.io/) - 保证代码质量
|
|||
|
|
- 🌈 [husky](https://typicode.github.io/husky/) & [lint-staged](https://github.com/lint-staged/lint-staged) + [commitlint](https://commitlint.js.org/) - 保证代码提交质量
|
|||
|
|
- 💡 `ES6 import` 自动排序，`css 属性` 自动排序，增强编码一致性
|
|||
|
|
|
|||
|
|
- 🖥 `多环境` 配置分开，想则怎么配置就怎么配置
|
|||
|
|
|
|||
|
|
<p align="center">
|
|||
|
|
<a href="https://cn.vuejs.org/" target="_blank">
|
|||
|
|
<img src="https://img.shields.io/badge/-Vue3-34495e?logo=vue.js" />
|
|||
|
|
</a>
|
|||
|
|
<a href="https://cn.vitejs.dev/" target="_blank">
|
|||
|
|
<img src="https://img.shields.io/badge/-Vite4-646cff?logo=vite&logoColor=white" />
|
|||
|
|
</a>
|
|||
|
|
<a href="https://www.typescriptlang.org/zh/" target="_blank">
|
|||
|
|
<img src="https://img.shields.io/badge/-TypeScript5-blue?logo=typescript&logoColor=white" />
|
|||
|
|
</a>
|
|||
|
|
<a href="https://eslint.org/" target="_blank">
|
|||
|
|
<img src="https://img.shields.io/badge/-ESLint8-4b32c3?logo=eslint&logoColor=white" />
|
|||
|
|
</a>
|
|||
|
|
<a href="https://stylelint.io/" target="_blank">
|
|||
|
|
<img src="https://img.shields.io/badge/-StyleLint16-4b32c3?logo=stylelint&logoColor=white" />
|
|||
|
|
</a>
|
|||
|
|
<a href="https://pnpm.io/" target="_blank">
|
|||
|
|
<img src="https://img.shields.io/badge/-pnpm8-F69220?logo=pnpm&logoColor=white" />
|
|||
|
|
</a>
|
|||
|
|
<a href="https://unocss.dev/" target="_blank">
|
|||
|
|
<img src="https://img.shields.io/badge/-UnoCSS-4d4d4d?logo=unocss" />
|
|||
|
|
</a>
|
|||
|
|
<a href="https://icones.js.org/" target="_blank">
|
|||
|
|
<img src="https://img.shields.io/badge/-icones-1769aa?logo=Iconify" />
|
|||
|
|
</a>
|
|||
|
|
<a href="https://ext.dcloud.net.cn/plugin?id=8559" target="_blank">
|
|||
|
|
<img src="https://svg.hamm.cn/badge.svg?key=Platform&value=uni-app"/>
|
|||
|
|
</a>
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
## ⚙️ 环境
|
|||
|
|
|
|||
|
|
- node>=18
|
|||
|
|
- pnpm>=7.30
|
|||
|
|
|
|||
|
|
## 📂 安装
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
# 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](https://opensource.org/license/mit/)
|
|||
|
|
|
|||
|
|
Copyright (c) 2024 菲鸽
|
|||
|
|
|
|||
|
|
## 贡献者
|
|||
|
|
|
|||
|
|
由仓库直接生成：
|
|||
|
|
|
|||
|
|
<a href="https://github.com/codercup/unibest-hbx/graphs/contributors">
|
|||
|
|
<img src="https://contrib.rocks/image?repo=codercup/unibest-hbx" />
|
|||
|
|
</a>
|