¿Cómo empezar “Hola Mundo”en Angular?
En la documentación oficial de angular puede encontrar este paso a paso, pero podemos hablar de algunos comandos que nos pueden facilitar la vida al querer empezar con un nuevo proyecto.
- Comando básico: Es el comando más usado y que quizás haya usado una gran mayoría de veces en sus desarrollos.
ng new hola-mundo
2. Comando simplista: Nos permite generar una aplicación angular, pero instalando lo mas simple que se requiere para el proyecto, ejemplo si la instalación de dependencias iniciales.
ng new hola-mundo-sim -s -S -t
3. Comando profesional: Quizás hayas notado la definición de tus componentes con un prefijo(APP) estándar, algo asi <app-hello-world>. Si queremos cambiar el prefijo APP por un prefijo, pueden ser las iniciales del proyecto o de su empresa. Ej: componentes del estilo como <tky-hello-world>.
ng new hola-mundo-prof -p tky — routing true
4. Comando experto: Uno de los casos de uso se da en el momento de construir una librería con angular, para tal caso se requiere de un contexto angular pero sin la estructura de aplicación.
ng new hola-mundo-exp — create-application false
Si no desea tener una aplicación inicial o base, como la que normalmente nos genera.
Recomendaciones generales.
Si tiene alguna duda con el comando que vas a ejecutar. Ej: Quizás pueda ser por que te encuentres con comando en la web y están abreviados, esto puede confundirte. Vemos que comandos realmente sean. Sin efectuar ninguna acción, solamente informativo:
ng new App — dry-run
Estructura de proyecto en Angular?
Partiendo de un proyecto básico en angular se detalla su estructura , también se resaltan aquellos archivos o carpetas de mayor relevancia a mi manera de ver.
Cómo ejecutar la app “Hola-Mundo”?
Para ejecutar el proyecto básico que hemos creado con angular solo basta con ejecutar el siguiente comando.
ng serve
ng s
La aplicación se puede acceder desde la dirección por defecto http://localhost:4200
quieres saber un par de cosas antes de empezar a crear su proyecto. Si aún no has instalado angular o quieres conocer los conceptos básicos, entonces ingrese a Lo Primero para Angular.
