Luis Abdel Rangel Castro
Que bonito es lo bonito!!! Angular DevTools
Angular DevTools es una herramienta complementaria para enriquecer tu experiencia de desarrollo en Angular permitiendo la depuración y el debugging de tu aplicación.
Solo tienes que instalar la extensión del navegador para Google Chrome.
Gracias a estas herramientas, podrás desarrollar y resolver bug más rápido, inspeccionar el valor de las propiedades de tu componente y detectar cuando el usuario realiza alguna acción y se lanza un evento.
Otras extensiónes para Angular
También puedes explorar la extensión Augury, una alternativa tanto para Google Chrome como para Mozilla Firefox.
TIP: Solo puedes utilizar estas extensiones en un ambiente de desarrollo, no funcionan en producción.
Aporte creado por: Kevin Fiorentino.
Luis Abdel Rangel Castro
Que bonito es lo bonito!!! Angular DevTools
Erasmo Hernández
ProfesorApenas se instala hay que recargar la página o abrir en otra pestaña el link (incluso este mismo proyecto del curso) para que se active el tab de Angular en el devTools.
Está buenísima, no la conocía.
Jimmy Buriticá Londoño
Muy buena herramienta Angular DevTools para verificar el funcionamiento de nuestra App.
Diego Jurado
Y se ilumina si entiendo que el sito esta desarrollado en angular?
Kevin Alexander Lima Recinos
Woow!! Ahora veo que Platzi está construido con React 😳, que excelente herramienta, está magnífico 🙌🏻
Marco Antonio Alducin Garcia
Esta herramienta apenas la estoy conociendo, estoy aprendiendo a usarla, para poder armar un proyecto de un juego de Basta, esta en proceso, pero aca esta el uso de Angular Devtools.
++Angular Devtools++
Las Angular DevTool es una extensión para navegadores basados en Chromium como Google Chrome, Edge o Brave util para perfilar y depurar aplicaciones desarrollados con Angular. Esta extensión soporta versiones de Angular 9 y superiores.
Angular DevTools es una evolución de una extensión anterior desarrollada por la comunidad llamada Augury. El equipo de Angular de Google con trabajo de los que desarrollaron Augury para generar esta nueva herramienta.
Erick Saravia
Existe un equivalente para Edge?
Luzan Muga
Actualmente Microsoft Edge usa Chromium como motor del navegador, por lo que las extensiones de Chrome deberían poder usar sin problemas
Nelson Arturo Cortes Briceño
me aparece Angular application not detected. y la app esta corriendo y estoy en la misma pestaña. Alguien sabe porque podria ser?
Nelson Arturo Cortes Briceño
era borrar cache y actualizar
José David Montenegro Tafur
Solo basta con cerrar la aplicación en el navegador anterior, borrar cache y actualizar ya con la extensión añadida.
ANDRES ALFONSO MIRA MEJIA
✅
Jovanny Ruiz
Me tome el reto de subirla a mi repo :
Zaidibeth Ramos
Angular DevTools funciona solo a partir de Angular12.
Raul Alberto Jaimes
Sirve para Chrome and edge: https://chrome.google.com/webstore/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh excelente herramienta
Francisco Reyes
muy útil todo
Duvan Duque
Excelente herramienta!!
Jhon Pacheco
Marco Antonio Alducin Garcia
¡Que gran aporte Nico!, me encanta conocer mas sobre estos datos y una parte excepcional del desarrollo de los sistemas desarrollados en Angular.
Henry Silva
Excelente curso profesor Molina. Muchas Gracias!
Guillermo Castaño Vèlez
Feo comparar... pero punto para Vue.js .. sus devtools pueden que hagan lo mismo, pero son mucho mejor diseñadas y developer friendly
Juan David Varón
Pienso lo mismo pero con React. Tiene mejor diseño que las devtools de Angular.
Ismar Ernesto Alejandro Morales
Para los que les presenta problemaso me paso a mi
"configurations": { "production": { ... },
agregar
, "development": { "optimization": false, "sourceMap": true, "namedChunks": true, "extractLicenses": true, "vendorChunk": true, "buildOptimizer": false, "budgets": [ { "type": "initial", "maximumWarning": "2mb", "maximumError": "6mb" }, { "type": "anyComponentStyle", "maximumWarning": "6kb", "maximumError": "10kb" } ] }
"serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "Webu-web:build" }, "configurations": { "production": { "browserTarget": "Webu-web:build:production" }, "development": { "browserTarget": "nombreProyecto:build:development" } } }