unibest 开发框架使用教程

unibest 开发框架使用教程

unibest unibest - 最好用的 uniapp 开发框架。unibest 是由 uniapp + Vue3 + Ts + Vite5 + UnoCss + WotUI 驱动的跨端快速启动模板，使用 VS Code 开发，具有代码提示、自动格式化、统一配置、代码片段等功能，同时内置了大量平时开发常用的基本组件，开箱即用，让你编写 uniapp 拥有 best 体验。 项目地址: https://gitcode.com/gh_mirrors/uni/unibest

1. 项目介绍

unibest 是一个基于 uniapp 的开发框架，集成了 Vue3、TypeScript、Vite5、UnoCSS 和 wot-ui 等最新前端技术。它提供了一个跨端快速启动模板，适用于开发 H5、微信小程序、字节小程序、支付宝小程序等多种平台的应用。unibest 内置了约定式路由、layout 布局、请求封装、请求拦截、登录拦截、UnoCSS、i18n 多语言等基础功能，提供了代码提示、自动格式化、统一配置、代码片段等辅助功能，旨在提供最佳的开发体验。

2. 项目快速启动

环境准备

• node 版本 >= 18
• pnpm 版本 >= 7.30
• Vue 官方版本 >= 2.1.10
• TypeScript 版本 >= 5.0

创建项目

pnpm create unibest

安装依赖

pnpm i

运行项目

根据不同的平台，可以选择以下命令启动项目：

• 运行 H5 平台：

pnpm dev:h5

然后打开浏览器，访问 http://localhost:9000/。

• 运行微信小程序平台：

pnpm dev:mp-weixin

然后打开微信开发者工具，导入本地文件夹，选择项目的 dist/dev/mp-weixin 文件夹。

• 运行 APP 平台：

pnpm dev:app

然后打开 HBuilderX，导入刚刚生成的 dist/dev/app 文件夹，选择运行到模拟器或安卓/ios 设备。

打包项目

• 打包 H5 平台：

pnpm build:h5

打包后的文件在 dist/build/h5 目录下。

• 打包微信小程序平台：

pnpm build:mp-weixin

打包后的文件在 dist/build/mp-weixin 目录下。

• 打包 APP 平台：

pnpm build:app

然后打开 HBuilderX，导入 dist/build/app 文件夹，选择发行 - APP 云打包。

3. 应用案例和最佳实践

（此处可以根据实际项目经验和社区分享的案例来编写，包括但不限于如何利用 unibest 进行组件化开发、状态管理、界面布局优化等。）

4. 典型生态项目

（此处可以介绍一些与 unibest 相兼容或基于 unibest 开发的典型项目，包括项目名称、功能特点和贡献者信息等。）

unibest unibest - 最好用的 uniapp 开发框架。unibest 是由 uniapp + Vue3 + Ts + Vite5 + UnoCss + WotUI 驱动的跨端快速启动模板，使用 VS Code 开发，具有代码提示、自动格式化、统一配置、代码片段等功能，同时内置了大量平时开发常用的基本组件，开箱即用，让你编写 uniapp 拥有 best 体验。 项目地址: https://gitcode.com/gh_mirrors/uni/unibest