mcpField
U
uniapp-project-creator

uniapp-project-creator

github.com/full-stack-skills開発11118 回インストール4 週間前に更新
リポジトリ

uniapp-project-creator について

uniapp-project-creatorは、uni-appプロジェクトの作成と初期化を支援するスキルです。Vue 2、Vue 3、HBuilderX、CLIの作成手順を案内し、プロジェクト種別やテンプレート、設定の選択を支援します。

主な機能

  1. 01uni-appプロジェクト構成の作成
  2. 02Vue 2またはVue 3テンプレートの選択
  3. 03HBuilderXとCLIの作成フロー
  4. 04manifest.jsonとpages.jsonの設定

活用シーン

  1. 01uni-appプロジェクトの新規作成
  2. 02対象スタックに応じたテンプレート選択
  3. 03ページ、コンポーネント、設定の初期化

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/full-stack-skills/uniapp-skills --skill uniapp-project-creator

インストール後、Claude Code で/uniapp-project-creatorを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

agents/
openai.yaml
examples/guide/
installation.md
project-types.md
quick-start.md
templates/
cli-commands.md
project-templates.md

詳細

このスキルを使用するタイミング

ユーザーが次のことを希望する場合は、いつでもこのスキルを使用してください。

  • uni-app プロジェクトを一から新規作成する
  • uni-app のプロジェクト構成と設定ファイルを初期化する
  • uni-app の開発環境をセットアップする
  • さまざまな設定のプロジェクトテンプレートを生成する
  • manifest.json ファイルと pages.json ファイルを設定する
  • uni-app のページとコンポーネントを作成する
  • HBuilderX または CLI で uni-app プロジェクトをセットアップする

このスキルの使い方

単一のコマンドまたは HBuilderX で uni-app プロジェクトを作成するには、次の手順に従います。

  1. ユーザーのリクエストからプロジェクトの種類を特定します。

    • 標準の uni-app プロジェクト → Vue 2 または Vue 3 のテンプレートを使用します
    • HBuilderX プロジェクト → HBuilderX での作成方法を使用します
    • CLI プロジェクト → Vue CLI または公式 CLI コマンドを使用します

  2. examples/guide/ ディレクトリから適切なサンプルファイルを読み込みます。

    • examples/guide/installation.md - インストールと環境設定
    • examples/guide/quick-start.md - クイックスタートガイド
    • examples/guide/project-types.md - さまざまなプロジェクトの種類とテンプレート

  3. templates/ ディレクトリから適切なテンプレートファイルを読み込みます。

    • templates/project-templates.md - プロジェクト構成のテンプレート
    • templates/cli-commands.md - CLI コマンドのテンプレート

  4. プロジェクトの作成、構成、設定については、これらのファイルに記載された具体的な手順に従います

  5. 適切なファイルと設定を含むプロジェクト構成を生成します

重要な注意事項：

  • このスキルは、uni-app CLI のクイックスタートと HBuilderX での作成フローに焦点を当てています
  • ユーザーが「一句话创建（一言で作成）」を希望する場合は、単一コマンドで作成します
  • Vue 2／Vue 3 のテンプレート選択が、ユーザーの対象スタックに合っていることを確認してください

サンプルとテンプレート

サンプル

examples/guide/ にあります。

  • installation.md - uni-app 開発環境のインストールガイド
  • quick-start.md - 最初の uni-app プロジェクトを作成するためのクイックスタートガイド
  • project-types.md - さまざまなプロジェクトの種類（Vue 2、Vue 3、TypeScript など）
テンプレート

templates/ にあります。

  • project-templates.md - プロジェクト構成の完全なテンプレート
  • cli-commands.md - プロジェクト作成用の CLI コマンドテンプレート

API リファレンス

このスキルはプロジェクトの作成と初期化に焦点を当てています。コンポーネントと API のリファレンスについては、uniapp-project-guide を参照してください。

ベストプラクティス

  1. 適切なテンプレートを選ぶ：プロジェクトの要件に応じて Vue 2 または Vue 3 を選択します
  2. 適切に設定する：manifest.json と pages.json を正しく設定します
  3. 構成を整理する：標準的な uni-app のディレクトリ構成に従います
  4. 可能な限り CLI を使用する：CLI は HBuilderX より柔軟性があります
  5. バージョン管理：プロジェクト作成後に git リポジトリを初期化します

リソース

キーワード

uniapp、uni-app、プロジェクト作成ツール、プロジェクト初期化、HBuilderX、Vue CLI、manifest.json、pages.json、uni-app のセットアップ、uni-app テンプレート、プロジェクト作成、プロジェクト初期化、クイックスタート

コメント

Markdown 対応