クライアントの初期化

クライアントをBasic web appとして初期化する

Catalystコマンドcatalyst client:setupを使用したクライアントのセットアップ時にBasic web appを選択した場合、Catalystはそれに応じてクライアントを初期化します。

クライアントパッケージの名前として「ToDoApp」と入力し、Enterを押します。

クライアントがBasic webアプリケーションとして正常に初期化されました。

クライアントディレクトリがプロジェクトディレクトリ内に標準構造で作成されます。

以下は、クライアントがBasic web appとして初期化された場合のToDoListプロジェクトのディレクトリ構造です。

クライアントをAngular web appとして初期化する

クライアントをAngularアプリとしてセットアップすることを選択した場合、CatalystはCatalyst Angularプラグイン（zcatalyst-cli-plugin-angular）を使用して初期化します。

1. Angularアプリの名前を「app」とし、自動補完機能を有効にするために「Y」と入力してEnterキーを押します。これにより、Angularターミナルコマンドの自動補完が提供されます。
   
   
2. 「Y」を入力してAngularとアプリケーションデータを共有するか、「N」を入力してオプトアウトし、Enterを押します。このアプリケーションではAngularルーティングは不要なため、「N」と入力してEnterを押します。
   
3. このアプリケーションではCSSスタイルシートを使用します。CSSを選択した後、Enterキーを押します。
   
   
4. 必要なすべてのAngularアプリケーションファイル、設定ファイル、依存関係がCatalyst Angularプラグインを通じてインストールされます。
   
5. クライアントがAngular webアプリケーションとして正常に初期化されました。
   

クライアントディレクトリがプロジェクトディレクトリ内に標準構造で作成されます。

以下は、クライアントがAngularアプリとして初期化された場合のToDoListプロジェクトのディレクトリ構造です。

クライアントをReact web appとして初期化する

クライアントをReactアプリとしてセットアップすることを選択した場合、CatalystはCatalyst Reactプラグイン（zcatalyst-cli-plugin-react）を使用してReactアプリを初期化します。

1. 次に、Reactアプリケーションのタイプを選択するよう求められます。このチュートリアルではタイプとして「JavaScript」を選択してください。
2. Reactアプリケーション名を「app」とし、Enterを押します。react、react-dom、react-scriptsなどの必要なすべてのReactパッケージがCatalyst Reactプラグインを通じてインストールされます。
   
   クライアントがReact webアプリケーションとして正常に初期化されました。
   

クライアントディレクトリがプロジェクトディレクトリ内に標準構造で作成されます。

以下は、クライアントがReactアプリとして初期化された場合のToDoListプロジェクトのディレクトリ構造です。