uni-helper

专注于 uni-app 生态的工具集.

什么是 uni-helper

uni-helper 是一个专注于 uni-app 生态的工具集,旨在提升开发者在使用 uni-app 进行跨平台开发时的开发效率和体验。它补全了 uni-app 生态的短板,提供了一系列工具来让 uni-app 的开发体验达到 web 开发的效果。

核心功能

1. TypeScript 类型支持

  • @uni-helper/uni-app-types:提供了一套完整的 TypeScript 类型定义文件,专门针对 uni-app 平台设计
  • 支持 IDE 自动补全、参数提示等功能
  • 提升代码的可读性和可维护性

2. 网络请求适配

  • @uni-helper/axios-adapter:封装了 axios 的核心功能,并针对 uni-app 做了定制化的配置和优化
  • 支持 uni-app 环境下的网络请求
  • 保持 axios 熟悉的 API 风格

3. 开发体验增强

  • 提供一系列工具让 uni-app 开发体验达到 web 开发效果
  • 补全 uni-app 生态的短板

安装使用

前置条件

  • Node.js 版本 >= 12.0.0
  • 使用 npm 或 yarn 管理依赖

安装示例

# 安装 TypeScript 类型定义
npm install @uni-helper/uni-app-types -D

# 安装 axios 适配器和 axios
npm install @uni-helper/axios-adapter axios

使用示例

1. 使用 axios 适配器

// main.js 或 api 配置文件
import axios from 'axios'
import { createUniAppAxiosAdapter } from '@uni-helper/axios-adapter'

// 创建 axios 实例
const api = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 10000,
  adapter: createUniAppAxiosAdapter() // 使用 uni-app 适配器
})

// 使用示例
export const fetchData = async () => {
  try {
    const response = await api.get('/data')
    return response.data
  } catch (error) {
    console.error('请求失败:', error)
    throw error
  }
}

2. 配置 TypeScript 类型支持

// tsconfig.json
{
  "compilerOptions": {
    "types": [
      "@dcloudio/types",
      "@uni-helper/uni-app-types",
      "miniprogram-api-typings" // wx API 类型
    ]
  }
}

支持的平台

uni-helper 支持 uni-app 覆盖的所有平台,包括:

  • 微信小程序
  • 支付宝小程序
  • 百度小程序
  • 字节跳动小程序
  • QQ 小程序
  • 快应用
  • H5
  • App(iOS/Android)

社区与贡献

许可证

uni-helper 采用 MIT 许可证,详情请查看项目仓库中的 LICENSE 文件。

Built with qbimz • © 2026