uni-helper

このスキルは uni-helper のドキュメントに基づいており、2026-01-30 に生成されました。

uni-helper は、uni-app のための AI 搭載開発ツールのエコシステムです。Vite プラグイン、ユーティリティライブラリ、TypeScript サポート、開発ツールを提供し、uni-app の開発体験を向上させます。

Vite プラグイン

トピック	説明	リファレンス
vite-plugin-uni-pages	uni-app のファイルベースのルーティングシステムで、ページを自動検出します	plugin-pages
vite-plugin-uni-layouts	uni-app 向けの Nuxt のようなレイアウトシステム	plugin-layouts
vite-plugin-uni-components	必要に応じたコンポーネントの自動インポート	plugin-components
vite-plugin-uni-manifest	manifest.json を TypeScript で記述します	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

ライブラリ

トピック	説明	リファレンス
uni-use	uni-app 向けの VueUse スタイルのコンポーザブルユーティリティ	lib-uni-use
uni-network	uni-app 向けの Promise ベースの HTTP クライアント	lib-uni-network
uni-promises	uni-app API 向けの Promise ラッパー	lib-uni-promises
uni-typed	uni-app テンプレート向けの TypeScript 型定義	lib-uni-typed

ユーティリティ

トピック	説明	リファレンス
uni-env	uni-app 向けの環境検出ユーティリティ	util-uni-env
unocss-preset-uni	uni-app 向けの UnoCSS プリセット	util-unocss-preset

プロジェクトスターター

トピック	説明	リファレンス
create-uni	uni-app プロジェクト向けの CLI スキャフォールディングツール	starter-create-uni
vitesse-uni-app	Vite を活用した uni-app スターターテンプレート	starter-vitesse

プラグイン順序のベストプラクティス

複数の uni-helper Vite プラグインを使用する場合、推奨される順序は次のとおりです。

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

クイックスタート

create-uni を使って新しい uni-app プロジェクトを作成します。

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

# pnpm
pnpm create uni

# yarn
yarn create uni

公式リソース

• ウェブサイト：https://uni-helper.js.org
• GitHub：https://github.com/uni-helper
• NPM スコープ：@uni-helper