Lista de Tareas - Ionic Angular

Una aplicación de lista de tareas desarrollada con Ionic y Angular.

Requisitos Previos

• Node.js
• Angular CLI
• Ionic CLI

Instalación para probarla

1. Instalar Angular CLI globalmente:

npm install -g @angular/cli

git clone <https://github.com/albertobarbanog/todo-app-angular-ionic.git>
cd <todo-app-angular-ionic>

npm install

ionic serve

Comandos Utilizados en el Proyecto

Este archivo contiene una lista de los comandos más importantes utilizados en el desarrollo de este proyecto con Ionic, Capacitor y otras herramientas relacionadas. Incluye una breve explicación de cada comando.

---

1. Instalación y Configuración Inicial

• npm install -g @ionic/cli
  Instala el Ionic CLI de forma global en tu sistema para acceder al comando ionic.

• ionic --version
  Verifica la versión de Ionic CLI instalada.

• npm install @capacitor/core @capacitor/cli
  Instala las dependencias necesarias para usar Capacitor en tu proyecto.

• npx cap init
  Inicializa Capacitor en el proyecto, solicitando un app name y un app id (por ejemplo, com.miempresa.miapp).

---

2. Agregar Plataformas y Sincronización

• npx cap add android
  Agrega la plataforma nativa Android al proyecto (crea la carpeta android/ con toda la configuración).

• npx cap copy
  Copia los archivos compilados (www/) dentro de la carpeta nativa (por ejemplo, android/app/src/main/assets/public).

• npx cap sync
  Copia los archivos del www/ y además sincroniza los plugins nativos (versión extendida de cap copy).

---

3. Ejecución y Emulación

• ionic serve
  Inicia un servidor local en el navegador con hot reload para desarrollo rápido (no requiere compilación nativa).

• ionic build
  Compila la app web a la carpeta www/, preparándola para usarse con Capacitor o Cordova.

• ionic capacitor run android
  Ejecuta la aplicación en un dispositivo/emulador Android (se puede usar -l para Live Reload).

• ionic capacitor run android -l --external
  Ejecuta la aplicación con Live Reload y permite que el dispositivo use la IP local (--external).

• npx cap open android
  Abre el proyecto nativo Android en Android Studio para compilar y ejecutar desde ahí.

---

4. Instalación de Librerías Adicionales

• npm install @ionic/storage-angular
  Instala la librería de almacenamiento local (Storage) para manejar datos de forma local/offline en Ionic.

---