Inicializar el proyecto

Ahora puede comenzar a trabajar en su proyecto de Catalyst desde el CLI. El primer paso es inicializar el proyecto en un directorio vacío. Este será el directorio principal de su proyecto, y todos los archivos del proyecto se guardarán en él.

Para esta aplicación, inicializaremos el proyecto, una función Advanced IO y los componentes del cliente React.

1. Cree una carpeta para el proyecto en su máquina local y navegue hasta ella desde la terminal.

2. Inicialice el proyecto ejecutando el siguiente comando desde ese directorio:

3. Navegue usando las teclas de flecha, seleccione su portal preferido y presione Enter. Si no tiene otras organizaciones asociadas a la cuenta, se seleccionará la predeterminada automáticamente.
   

4. El CLI le pedirá que asocie un proyecto de Catalyst con el directorio. Asócielo con el proyecto que creamos anteriormente desde la consola. Seleccione TaskManager de la lista y haga clic en Enter.
   

5. Navegue usando las teclas de flecha y seleccione Functions, Client usando la barra espaciadora. Presione Enter para inicializar.
   

6. El CLI iniciará la configuración de la función. Seleccione Advanced IO como el tipo de función para codificar su lógica de backend.
   

7. Seleccione la versión más reciente de Node.js como el stack de la función.
   

8. Ingrese “task_manager_function” como el nombre del paquete, “index.js” como el punto de entrada, y su dirección de correo electrónico como autor, luego presione Enter. Alternativamente, puede presionar Enter sin ingresar valores para completar con los valores predeterminados. El CLI solicitará la inicialización de las dependencias de Node. Presione Y para confirmar la instalación, y presione Enter para confirmar su elección. Los módulos de Node se instalarán.
   El CLI ahora iniciará la configuración del cliente.

9. Seleccione React web app y presione Enter para inicializar su cliente como una aplicación web React.
   

10. Seleccione JavaScript como el tipo de aplicación React y presione Enter.
    

11. Ingrese “task-manager-client” como el nombre del paquete del cliente y haga clic en Enter. También puede proporcionar cualquier nombre de su preferencia. Todos los paquetes de React necesarios, como “react”, “react-dom” y “react-scripts” se instalarán a través del Catalyst React plugin (zcatalyst-cli-plugin-react).
    

El cliente se ha inicializado exitosamente como una aplicación web React.

El directorio del cliente se creará con la estructura estándar en el directorio del proyecto.

Esta es la estructura del directorio del proyecto TaskManager si el cliente se inicializa como una aplicación React.

La inicialización de Catalyst se ha completado.