Inicializar el cliente
Ahora, vamos a inicializar el cliente.
Puede inicializar el cliente en uno de los tres tipos compatibles con Catalyst:
-
Aplicación web básica: La aplicación del cliente básica es una versión sencilla del cliente de Catalyst que se crea sin frameworks ni bibliotecas externas.
-
Aplicación web Angular: Puede elegir este tipo de cliente si prefiere crear la aplicación de lista de tareas usando el framework Angular.
-
Aplicación web React: Puede elegir este tipo de cliente si prefiere crear la aplicación de lista de tareas usando el framework React.
Dado que está inicializando el cliente después de que el proyecto ya ha sido inicializado, puede configurarlo de forma independiente ejecutando el siguiente comando desde el directorio de su proyecto:
Use las teclas de flecha y seleccione su preferencia presionando Enter.
Según su elección, navegue a la sección correspondiente para los pasos de inicialización de la aplicación web:
Inicializar el cliente como una aplicación web básica
Si eligió Basic web app al configurar el cliente usando el comando de Catalyst catalyst client:setup, Catalyst inicializará el cliente en consecuencia.
Ingrese “ToDoApp” como el nombre del paquete del cliente y presione
Enter.
El cliente se ha inicializado exitosamente como una aplicación web básica.
El directorio del cliente se creará con la estructura estándar en el directorio del proyecto.
Esta es la estructura del directorio del proyecto ToDoList si el cliente se inicializa como una aplicación web básica.
Inicializar el cliente como una aplicación web Angular
Si eligió configurar el cliente como una aplicación Angular, Catalyst lo inicializará usando el Catalyst Angular plugin (zcatalyst-cli-plugin-angular).
- Asigne el nombre “app” a su aplicación Angular, luego escriba “Y” y presione la tecla
Enter para habilitar la función de autocompletado. Esto proporcionará autocompletado para sus comandos de terminal de Angular.
- Puede optar por compartir los datos de su aplicación con Angular ingresando “Y” o rechazarlo ingresando “N”, luego presione Enter. Dado que la aplicación no requiere enrutamiento de Angular, escriba “N” y presione Enter.
- Para esta aplicación usaremos hojas de estilo CSS. Presione la tecla Enter después de elegir CSS.
- Ahora se instalarán todos los archivos de aplicación Angular requeridos, los archivos de configuración y las dependencias a través del Catalyst Angular plugin.
- El cliente se ha inicializado exitosamente como una aplicación web Angular.
El directorio del cliente se creará con la estructura estándar en el directorio del proyecto.
Esta es la estructura del directorio del proyecto ToDoList si el cliente se inicializa como una aplicación Angular.
Inicializar el cliente como una aplicación web React
Si eligió configurar el cliente como una aplicación React, Catalyst inicializará la aplicación React usando el Catalyst React plugin (zcatalyst-cli-plugin-react).
- A continuación, se le pedirá que elija el tipo de aplicación React. Elija “JavaScript” como el tipo para este tutorial.
- Asigne el nombre “app” a su aplicación React y presione Enter. Todos los paquetes de React requeridos como react, react-dom y react-scripts se instalarán a través del Catalyst React plugin.
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 ToDoList si el cliente se inicializa como una aplicación React.
Última actualización 2026-03-24 17:38:39 +0530 IST