Estructura de Archivos

Clase 11 de 36 • Curso Básico de Ionic 2018

Resumen

Analicemos la estructura de archivos de Ionic CLI nos ayudó a generar.

Fabiola Dayana Acarapi Alvarez

student•

Comando para iniciar un proyecto
ionic start myApp tabs

para iniciar
ionic serve
más info https://ionicframework.com/docs/cli/commands
para llamar a los documentos
ionic docs
información del programa
ionic info

Nathaly Stefani Riaño Bejarano

student•

- node_modules Son las librerías.
- src -> app Archivos principales.
- src -> assets Imágenes, Manifiestos, Iconos, etc.
- src -> theme Especifica el tema de la aplicación.
- www Carpeta que se ve reflejada en el Browser.
- .gitignore Son las carpetas y archivos que no queremos subir al repositorio de control de versiones.
- ionic.config.json Archivo de configuración de Ionic.
- package.json Guarda todas las dependencias. Se debe tener actualizada para cuando se necesite correr la aplicación en otra computadora.

Diego Carrocera

student•

Excelente Gracias !!!

Isaí Ramírez

student•

Para detener la ejecución debes presionar:
ctrl + c
En la consola, en el caso de necesitar ejecutar otros comandos mientras ionic serve se esta ejecutando debes abrir otra ventana de consola en tu directorio.

Efraín Lerma

student•

estaria muy bien que subieran un curso con la version 5 de ionic ya que cambia la estructura de carpetas y la version mas reciente

Daniel Batista

student•

Si quieren tener la misma estructura de archivos tienen que tener instalada la version 3 de ionic o tambien pueden instalar la version 4 y al crear el proyecto haganlo de esta manera para que el proyecto se los cree en la version 3 y tengan la misma estructura de archivos.

ionic start NombreDeLaApp --type=ionic-angular

Edison Sanchez

student•

Es recomendable actualizar este curso por lo menos a IONIC 5. Muchas cosas son diferentes ahora, inclusive esto de la estructura; Cordova pasamos a Capacitor, entre otras cosas.

Fabiola Dayana Acarapi Alvarez

student•

Comando para iniciar un proyecto
ionic start myApp tabs

para iniciar
ionic serve
más info https://ionicframework.com/docs/cli/commands
para llamar a los documentos
ionic docs
información del programa
ionic info

Carlos Uriel de Jesus Sánchez González

student•

node_modules Son las librerías.
- src -> app Archivos principales.
- src -> assets Imágenes, Manifiestos, Iconos, etc.
- src -> theme Especifica el tema de la aplicación.
- www Carpeta que se ve reflejada en el Browser.
- .gitignore Son las carpetas y archivos que no queremos subir al repositorio de control de versiones.
- ionic.config.json Archivo de configuración de Ionic.
- package.json Guarda todas las dependencias. Se debe tener actualizada para cuando se necesite correr la aplicación en otra computadora.

Josué Carvajal

student•

¿Cuál es la principal diferencia y cuál debo usar en algún caso específico entre src/assets y www/assets? Entiendo que una está en la carpeta pública, y otra en los recursos de nuestra app ¿pero en qué caso debo usar cuál?

Rober Alejandro López Godoy

student•

la que usaras en src/assets alli es donde pondrás las imágenes, audios o demás cosas que necesite la app. La carpeta www/assets se genera automáticamente cuando corres el proyecto y todo allí se actualiza, si la eliminas antes de correr el proyecto, veras que se genera de nuevo.

Héctor Manuel Perdomo Vargas

student•

No me aparece la misma estructura de carpetas, por ejemplo, no me aparece www. Alguien sabe porqué?

David Toca

student•

tal vez estás usando una versión diferente de ionic que la que usa profesor, verifica que sea la misma

Miguel Herreros Cejas

student•

Estás usando una versión más avanzada que la del curso. Me pasa igual.

Danny Olivares

student•

instale la version 3.20.0 de ionic y se respeta la misma estructura de archivos, saludos, npm install -g ionic@3.20.0

Sebastian Bejarano

student•

Esto está como un poco desactualizado...

Juan Carlos Castillo Gómez

student•

Me sale error al ejecutar el comando ionic serve: Cannot GET / alguien sabe porque.? Gracias

Diego Forero

Team Platzi•

No sale ningún otro error?, esto indica que no se puede conectar y hacer la petición.

Juan Roa

student•

si tienen Phpstorm, se ubican en la carpeta del proyecto y ejecutan el comando phpstorm .

Gabriel Pérez Moreno

student•

a mi no me aparece la carpeta www, alguien sabe porque?

Diego Forero

Team Platzi•

Ya ejecutaste el comando ionic serve, no he trabajado con ionic pero probablemente al correr el servidor se crea la carpeta

Oscar Barajas Tavares

Team Platzi•

La carpeta de WWW se crea al momento de iniciar el servidor con el comando:

ionic serve

Rafael Eldanoy Ensuncho Bechara

student•

Gracias por la instrucción

David Eliezer Orantes González

student•

Ya esta disponible Ionic 4.0 es importante darle N cuando nos pregunta si queremos utilizarlo al generar el proyecto, ya que esto genera error en algunos modulos de Node

JAVIER ENRIQUE CHARRIS MOLINA

student•

Es posible organizar las pages en diferentes carpetas (con niveles) o modulos como en angular?

Irving Sarmiento

student•

Si, es posible como dices, además de que con el comando ionic g page [nombre_page], por cada page te crea un module

Juan Guillermo Perez Cardozo

student•

gracias por la explicacion de la estructura

Edwin Fernando Mesa Salazar

student•

Con que version de Ionic se trabaja en los videos? yo acabo de instalar Ionic y me instalo la version 4.7.1 , supongo que por eso se ve diferente la estructura del proyecto.

Diego Forero

Team Platzi•

En esta clase https://platzi.com/clases/1281-ionic/11052-introduccion-al-curso-de-ionic/ encuentras el archivo package.json que se usa en el curso con las versiones de dependencias correctas.