mcpField
U
uniappx-project-creator

uniappx-project-creator

github.com/partme-ai開発72790 回インストール5 週間前に更新
リポジトリ

uniappx-project-creator について

uniappx-project-creatorは、uni-app-x開発者向けのプロジェクト初期化スキルです。CLIとHBuilderXでの作成手順に加え、TypeScriptやVue 3のテンプレートと設定を案内します。

主な機能

  1. 01CLIとHBuilderXの作成手順
  2. 02TypeScriptとVue 3のテンプレート
  3. 03構成と設定のガイド
  4. 04ページとコンポーネントの作成案内

活用シーン

  1. 01uni-app-xプロジェクトの新規作成
  2. 02manifest.jsonとpages.jsonの設定
  3. 03種類に応じた作成方法の選択

インストール

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

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

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

同梱ファイル

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

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

詳細

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

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

  • uni-app-x プロジェクトをゼロから新規作成する
  • TypeScript と Vue 3 を使って uni-app-x プロジェクトの構成を初期化する
  • uni-app-x の開発環境をセットアップする
  • TypeScript 設定を含むプロジェクトテンプレートを生成する
  • uni-app-x 用に manifest.json と pages.json を設定する
  • TypeScript を使って uni-app-x のページとコンポーネントを作成する
  • HBuilderX または CLI を使って uni-app-x プロジェクトをセットアップする

このスキルの使用方法

1つのコマンドまたは HBuilderX を使って uni-app-x プロジェクトを作成するには、次の手順に従います。

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

    • 標準的な uni-app-x プロジェクト → TypeScript + Vue 3 テンプレートを使用します
    • HBuilderX プロジェクト → HBuilderX の作成方法を使用します
    • 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. 適切な TypeScript と Vue 3 の設定でプロジェクト構成を生成します

重要事項：

  • このスキルは、uni-app-x CLI クイックスタートと HBuilderX での作成フローに重点を置いています
  • ユーザーが「一句话创建」（1つのコマンドで作成）を希望する場合は、1コマンドで作成します
  • uni-app-x では Vue 3 + TypeScript + Vite が必要です

サンプルとテンプレート

サンプル

examples/guide/ にあります。

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

templates/ にあります。

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

API リファレンス

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

ベストプラクティス

  1. TypeScript を使用する：uni-app-x では TypeScript が必要です。適切な型定義を用意してください
  2. Vue 3 Composition API：<script setup> 構文を使って Composition API を使用します
  3. 適切に設定する：manifest.json、pages.json、tsconfig.json を正しく設定します
  4. 構成を整理する：標準的な uni-app-x のディレクトリ構成に従います
  5. バージョン管理：プロジェクトの作成後に git リポジトリを初期化します

リソース

キーワード

uniappx、uni-app-x、プロジェクト作成ツール、TypeScript、Vue 3、プロジェクトの初期化、HBuilderX、manifest.json、pages.json、uni-app-x のセットアップ、uni-app-x テンプレート、项目创建、项目初始化、快速开始

コメント

Markdown 対応