uni-helper

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.

Vite Plugins

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

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

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

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

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)
  ],
})

Quick Start

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

# npm 7+, extra double-dash is needed
npm create uni@latest

# pnpm
pnpm create uni

# yarn
yarn create uni

Official Resources

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