CLI からプロジェクトを初期化する

これで CLI から Catalyst プロジェクトの作業を開始できます。最初のステップは、空のディレクトリでプロジェクトを初期化することです。これがプロジェクトのホームディレクトリとなり、すべてのプロジェクトファイルがここに保存されます。

プロジェクトのディレクトリ構造の詳細については、こちらのヘルプページをご覧ください。プロジェクトの初期化の詳細については、CLI ヘルプドキュメントを参照してください。

このチュートリアルでは、プロジェクトに続いてファンクションとクライアントコンポーネントを初期化します：

1. ローカルマシンにプロジェクト用のフォルダを作成し、ターミナルからそのフォルダに移動します。そのディレクトリで以下のコマンドを実行してプロジェクトを初期化します：

2. CLI が、先ほどコンソールで作成した Catalyst プロジェクトが存在するオーガニゼーションを選択するよう求めます。オーガニゼーションを選択して Enter を押してください。
   

3. リストからオーガニゼーション内のプロジェクトを選択し、Enter を押してください。
   

4. スペースバーを使って Functions と Client を選択します。Enter を押してコンポーネントを初期化します。
   

5. CLI がまずファンクションのセットアップを開始します。ファンクションタイプとして AdvancedIO を選択します。
   

6. ファンクションスタックとして Node.js の最新ランタイムを選択します。
   

7. パッケージ名に “catly”、エントリポイントに “index.js”、作成者にメールアドレスを入力して Enter を押します。入力せずに Enter を押すとデフォルト値が設定されます。CLI が Node 依存関係のインストールを確認するプロンプトを表示します。Y を押してインストールを確認し、Enter を押して選択を確定してください。Node モジュールがインストールされます。
   

8. 次に CLI がクライアントのセットアップを初期化します。“React web app” を選択すると、Catalyst React プラグイン（zcatalyst-cli-plugin-react）を使用してクライアントが React アプリケーションとして初期化されます。
   

9. React アプリケーションのタイプとして “TypeScript” を選択します。
   

10. React アプリケーションの名前に “app” と入力して Enter を押します。 ファンクションとクライアントコンポーネントを含むプロジェクトの初期化が完了し、プロジェクトの詳細を含む catalyst.json ファイルと .catalystrc 隠しファイルがプロジェクトディレクトリに作成されます。