unibest 技术文档：最佳 uniapp 开发框架指南

unibest 技术文档：最佳 uniapp 开发框架指南

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

1. 安装指南

环境要求

• Node.js >= 18
• pnpm >= 7.30
• Vue Official >= 2.1.10
• TypeScript >= 5.0

创建项目

pnpm create unibest

安装依赖

pnpm i

2. 项目使用说明

开发模式运行

• H5平台：

  pnpm dev:h5
  

  访问地址：http://localhost:9000/

• 微信小程序：

  pnpm dev:mp
  

  使用微信开发者工具导入dist/dev/mp-weixin目录

• APP平台：

  pnpm dev:app
  

  使用HBuilderX导入dist/dev/app目录

3. 项目API使用文档

核心特性

• 约定式路由：自动生成路由配置
• layout布局：提供多种布局模板
• 请求封装：内置axios风格的请求库
• 请求拦截：支持全局请求/响应拦截
• 登录拦截：路由级权限控制
• UnoCSS：原子化CSS支持
• i18n多语言：国际化解决方案

代码规范

• 自动格式化（ESLint + Prettier）
• 统一配置管理
• 代码片段支持

4. 项目安装方式

发布部署

H5平台

pnpm build:h5

输出目录：dist/build/h5

微信小程序

pnpm build:mp

输出目录：dist/build/mp-weixin

APP平台

pnpm build:app

输出目录：dist/build/app

注意事项

1. 微信小程序需通过开发者工具上传
2. APP发布需使用HBuilderX进行云打包
3. 非根目录部署需修改manifest.config.ts中的h5.router.base配置

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