uni-helper

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

The skill is based on uni-helper documentation, generated at 2026-01-30.

uni-helper is an ecosystem of AI-powered development tools for uni-app, providing Vite plugins, utility libraries, TypeScript support, and development tools to enhance the uni-app development experience.

本技能基于uni-helper文档生成，生成时间：2026-01-30。

uni-helper是面向uni-app的AI驱动开发工具生态系统，提供Vite插件、工具库、TypeScript支持及各类开发工具，以提升uni-app开发体验。

Vite Plugins

Vite插件

Topic	Description	Reference
vite-plugin-uni-pages	File-based routing system for uni-app with auto page discovery	plugin-pages
vite-plugin-uni-layouts	Nuxt-like layouts system for uni-app	plugin-layouts
vite-plugin-uni-components	On-demand automatic component imports	plugin-components
vite-plugin-uni-manifest	Write manifest.json in TypeScript	plugin-manifest
vite-plugin-uni-platform	File-based platform compilation (*.h5	mp-weixin
vite-plugin-uni-platform-modifier	Platform modifiers for attributes/directives	plugin-platform-modifier
vite-plugin-uni-middleware	Middleware support for uni-app routing	plugin-middleware

主题	描述	参考链接
vite-plugin-uni-pages	基于文件的uni-app路由系统，支持页面自动发现	plugin-pages
vite-plugin-uni-layouts	类Nuxt的uni-app布局系统	plugin-layouts
vite-plugin-uni-components	按需自动导入组件	plugin-components
vite-plugin-uni-manifest	使用TypeScript编写manifest.json	plugin-manifest
vite-plugin-uni-platform	基于文件的平台编译（*.h5	mp-weixin
vite-plugin-uni-platform-modifier	用于属性/指令的平台修饰符	plugin-platform-modifier
vite-plugin-uni-middleware	uni-app路由中间件支持	plugin-middleware

Libraries

工具库

Topic	Description	Reference
uni-use	VueUse-style composable utilities for uni-app	lib-uni-use
uni-network	Promise-based HTTP client for uni-app	lib-uni-network
uni-promises	Promise wrappers for uni-app APIs	lib-uni-promises
uni-typed	TypeScript type definitions for uni-app templates	lib-uni-typed

主题	描述	参考链接
uni-use	类VueUse风格的uni-app组合式工具	lib-uni-use
uni-network	基于Promise的uni-app HTTP客户端	lib-uni-network
uni-promises	uni-app API的Promise封装	lib-uni-promises
uni-typed	uni-app模板的TypeScript类型定义	lib-uni-typed

Utilities

实用工具

Topic	Description	Reference
uni-env	Environment detection utilities for uni-app	util-uni-env
unocss-preset-uni	UnoCSS preset for uni-app	util-unocss-preset

主题	描述	参考链接
uni-env	uni-app环境检测工具	util-uni-env
unocss-preset-uni	面向uni-app的UnoCSS预设	util-unocss-preset

Project Starters

项目启动模板

Topic	Description	Reference
create-uni	CLI scaffolding tool for uni-app projects	starter-create-uni
vitesse-uni-app	Vite-powered uni-app starter template	starter-vitesse

主题	描述	参考链接
create-uni	uni-app项目CLI脚手架工具	starter-create-uni
vitesse-uni-app	基于Vite的uni-app启动模板	starter-vitesse

Plugin Order Best Practices

插件顺序最佳实践

When using multiple uni-helper Vite plugins, the recommended order is:

// vite.config.ts
export default defineConfig({
  plugins: [
    UniComponents(),  // 1. Component auto-import
    UniPages(),       // 2. File-based routing
    UniLayouts(),     // 3. Layout system
    UniManifest(),    // 4. Manifest generation
    UniPlatform(),    // 5. Platform-specific files
    UniPlatformModifier(), // 6. Platform modifiers
    UniMiddleware(),  // 7. Route middleware
    Uni(),            // 8. Official uni-app plugin (always last)
  ],
})

当使用多个uni-helper Vite插件时，推荐的顺序如下：

// vite.config.ts
export default defineConfig({
  plugins: [
    UniComponents(),  // 1. 组件自动导入
    UniPages(),       // 2. 基于文件的路由
    UniLayouts(),     // 3. 布局系统
    UniManifest(),    // 4. 清单文件生成
    UniPlatform(),    // 5. 平台专属文件处理
    UniPlatformModifier(), // 6. 平台修饰符
    UniMiddleware(),  // 7. 路由中间件
    Uni(),            // 8. 官方uni-app插件（始终放在最后）
  ],
})

Quick Start

快速开始

Create a new uni-app project with create-uni:

bash

undefined

使用create-uni创建新的uni-app项目：

bash

undefined

npm 7+, extra double-dash is needed

npm 7+版本需要额外添加双短横线

npm create uni@latest

pnpm

pnpm create uni

yarn

yarn create uni

undefined

yarn create uni

undefined

Official Resources

官方资源

Website: https://uni-helper.js.org
GitHub: https://github.com/uni-helper
NPM Scope: @uni-helper

官网: https://uni-helper.js.org
GitHub: https://github.com/uni-helper
NPM Scope: @uni-helper