Comandos de Angular para correr tu proyecto
Clase 3 de 21 • Curso de Fundamentos de Angular
Contenido del curso
Héctor Gerardo Reyes Bautista
student•
hace 5 años
Emanuel Martínez Pinzón
student•
hace 5 años
Reinaldo Mendoza
student•
hace 4 años
Clase 3 de 21 • Curso de Fundamentos de Angular
Contenido del curso
Héctor Gerardo Reyes Bautista
Emanuel Martínez Pinzón
Reinaldo Mendoza
María Luisa Vides Prieto
William Andres Aguilar Rodriguez
Erick Saravia
Aaron Paredes Cabrera
Daniel Meza
William Andres Aguilar Rodriguez
Erick Saravia
Marco Antonio Alducin Garcia
Jesús Ignacio García Fernández
Jimmy Buriticá Londoño
Alan Morales
Néstor Acevedo Romero
Luis Miguel Hernández Hernández
Pablo Antipan Quiñenao
Daniel Meza
Michelle Verano
William David Arias Gomez
Rabi Leonel Leon Chan
Luis Enrique Aquino Castillo
German Pinilla
Elkin Alfonso Rey Ladino
Lafken Javer Cossi Sirerorl
juan puebla
gabriela cressa
Danny Pacheco
Sura Naileth Cedeño Lopez
Aaron Paredes Cabrera
JUAN ALEJANDRO AGUDELO GOMEZ
Margarita Charry
Néstor Acevedo Romero
René Houdini
René Houdini
Crear proyecto: ng new my-project
Lanzar servidor de desarrollo: ng serve
Lanzar servidor de desarrollo y que abra el navegador automáticamente:ng serve -o
Lanzar el servidor en un puerto especifico: ng serve -o --port=3500
Si lanzamos el comando
ng versiondesde la carpeta del proyecto podremos obtener mayor detalle de las tecnolog[ias utilizadas.
Como agregado también decir que se puede simplificar el comando escribiendo
ng s
Y de igual manera se le pueden añadir parámetros
Gracias por el resumen
Un comando que me ha sido útil es
ng serve --host 0.0.0.0
Debido a que me ha tocado trabajar desde máquinas virtuales.
Este permite abrir el proyecto en otra ip?
A mi no me funcionaba un entorno de desarrollo que estaba haciendo con docker hasta que le indique que corriera de esa manera
RESUMEN
HABILITAR SERVIDOR PARA CORRER PROYECTO Y ABRIR NAVEGADOR -> ng serve -o
MATAR PROCESO DEL SERVIDOR LOCAL -> CNTRL + C
DEFINIR PUERTO EN EL QUE CORRERA TU PROYECTO -> ng serve -o --port=3500
VER LAS DEPENDENCIAS QUE USA TU PROYECTO Y SUS VERSIONES -> ng version (dentro de la carpeta del proyecto)
También cuando tienes un entorno extra, a parte de dev y prod. En mi caso, tengo un entorno que llamé stag
ng serve --configuration=stag
Y ese entorno qué hace compañero?
Los entornos permiten cambiar las configuraciones de la aplicación, honestamente no me gusta el tenerlas de esa manera (quemadas en el código), me gustaría mas pasárselas desde variables de entorno pero aun no he visto alguna alternativa
Aca podemos ver que la version actual que tengo es la 15.x.x
ng version dentro del proyeto
Angular CLI: 12.2.7 Node: 14.17.6 Package Manager: npm 6.14.15 OS: linux x64
Angular: 12.2.7 ... animations, cli, common, compiler, compiler-cli, core, forms ... platform-browser, platform-browser-dynamic, router
Package Version
@angular-devkit/architect 0.1202.7 @angular-devkit/build-angular 12.2.7 @angular-devkit/core 12.2.7 @angular-devkit/schematics 12.2.7 @schematics/angular 12.2.7 rxjs 6.6.7 typescript 4.3.5
Me gusto la forma en que inicio el curso, hasta ahora Nicolás me parece un excelente profesor.
para que me serviria cambiar el puerto?
Puede que alguna aplicación esté usando el puerto, entonces para poder ejecutar el servidor, se cambia ese puerto.
Hola ¿alguien me podría decir cómo regreso a la consola para seguir introduciendo comandos? me quedo aquí Gracias
Hola!
Para salir del proceso de angular debes presionar Ctrl + c, pero te recomiendo que tengas una consola abierta con angular corriendo y otra donde pongas los comandos.
Saludos!
¿Estás usando la Terminalde windows?
Puedes presionar Ctrl + Shift + D y te abrirá una pestaña más con una instancia de terminal nueva.
También puedes usar un emulador como Cmder
Link a Cmder
Otra opción es, abrir una terminal en VSC, presionando Ctrl + Shift + Ñ. Y puedes tirar comandos ahí también sin tumbar el servidor de angular.
Nota: Por lo regular si estás moviendo módulos sí es recomendable reiniciar el servicio de angular.
ng new <nombre del proyecto>: Crea un nuevo proyecto de Angular.
ng serve: Inicia un servidor de desarrollo y ejecuta la aplicación de Angular en un navegador.
ng build: Compila la aplicación de Angular para producción.
ng test: Ejecuta las pruebas unitarias de la aplicación de Angular.
ng lint: Ejecuta el linter de la aplicación de Angular para detectar problemas de estilo y buenas prácticas.
ng generate <tipo> <nombre>: Genera un componente, servicio u otro tipo de elemento en la aplicación de Angular.
ng add <paquete>: Instala un paquete y realiza las configuraciones necesarias para usarlo en la aplicación de Angular.
ng update: Actualiza los paquetes de la aplicación de Angular a las últimas versiones disponibles.
Matar un proceso del servidor que estamos utilizando: Ctrl + C. cambiar de puerto: ng serve -o --port=3500.
Nota: Cuando hacemos ng version dentro un proyecto, este nos regresara la información referente al proyecto, como: versión de angular del proyecto y dependencias. Si lo consultas de manera global regresa la información referente a la versión de tu equipo.
Al ejecutar ng versión me muestra en pantalla que tengo una versión beta: 1.0.0-beta.28.3, esto me generaría algún problema ? y como puedo solucionarlo?
Podrias compartir un screeshot para saber de que se trata especificamente?
despues de levantar el servidor me sale no se puede acceder a este sitio localhost rechazo la conexion, a alguno le paso? ya lo puse como sitio seguro y nada...
me pasa lo mismo como lo solucionaste?
a mí igual
se me cerro la consola como vuelvo a abrirla
el contenido es bueno pero el fondo que le pusieron me mata los ojos. :c
Hola:wave: El blanco dices, tomaremos en cuenta tu sugerencia :)
Implementar el modo oscuro en los videos :)
hola me sale este erroralejandroag@DESKTOP-H6FCQLQ MINGW32 / $ ng serve Error: This command is not available when running the Angular CLI outside a workspace.
alejandroag@DESKTOP-H6FCQLQ MINGW32 / $ ng serve -o --port=3500 Error: This command is not available when running the Angular CLI outside a workspace.
alejandroag@DESKTOP-H6FCQLQ MINGW32 / que hago
Me sale el siguiente error cuando escribo: ng serve Error: This command is not available when running the angular CLI outside a workspace....
Que sera..?? alguien que me ayude..?
Si no está dentro del directorio donde está todo el código (angular.json, package.json, node_modules, ...) entonces se tendría que ejecutar el comando gn serve nombre del proyecto
Al correr el comando de ng version dentro de la carpeta del proyecto me manda la información del paquete pero al final me muestra el siguiente mensaje:
Warning: The current version of Node (18.12.1) is not supported by Angular.
¿Esto me va a afectar al correr angular?
Saludos
Al correr el comando de ng version dentro de la carpeta del proyecto me manda la información del paquete pero al final me muestra el siguiente mensaje:
Warning: The current version of Node (18.12.1) is not supported by Angular.
¿Esto me va a afectar al correr angular?
Saludos