No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Angular Devtools

15/22
Recursos

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.

devtools.jpg

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.

Aportes 22

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Que bonito es lo bonito!!! Angular DevTools

Encontre esta para Firefox, funciona muy bien.
https://addons.mozilla.org/en-GB/firefox/addon/angular-devtools/

Muy buena herramienta Angular DevTools para verificar el funcionamiento de nuestra App.

Woow!! Ahora veo que Platzi est谩 construido con React 馃槼, que excelente herramienta, est谩 magn铆fico 馃檶馃徎

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.

Apenas 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.

Excelente herramienta!!

Para los que les presenta problemaso me paso a mi

  1. en su angular.json debajo de
 "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"
                }
              ]
            }
  1. despues dentro de serve debera quedar asi
"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"
            }
          }
        }

隆Que gran aporte Nico!, me encanta conocer mas sobre estos datos y una parte excepcional del desarrollo de los sistemas desarrollados en Angular.

Excelente curso profesor Molina.
Muchas Gracias!

Feo comparar鈥 pero punto para Vue.js 鈥 sus devtools pueden que hagan lo mismo, pero son mucho mejor dise帽adas y developer friendly

Excelente heramienta

Excelente extensi贸n para lo desarrolladores angular, muy recomendada

Excelente extension para lo desarrolladores angular, muy recomendada

Que bonito es lo bonito!!!

Muy linda extensi贸n

Angular DevTools is a Chrome extension that provides debugging and profiling capabilities for Angular applications. Angular DevTools supports Angular v9 and later, with Ivy enabled.

Esta geniaaal