mcpField
U
uniappx-project-creator

uniappx-project-creator

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

uniappx-project-creator について

uni-app-x プロジェクトの作成と初期化を支援するスキルです。CLI または HBuilderX で TypeScript と Vue 3 のプロジェクトを準備する開発者向けに、種類別の案内、セットアップ例、構成とコマンドのテンプレートを提供します。

主な機能

  1. 01CLI と HBuilderX による作成案内
  2. 02TypeScript と Vue 3 のプロジェクト設定
  3. 03プロジェクト種類とクイックスタートの例
  4. 04構成と CLI コマンドのテンプレート
  5. 05manifest.json と pages.json の設定案内

活用シーン

  1. 01uni-app-x プロジェクトを新規初期化
  2. 02プロジェクトテンプレートと作成方法を選択
  3. 03プロジェクトファイルと TypeScript 設定を準備

インストール

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

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

インストール後、Claude Code で/uniappx-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-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 対応