Angular 2. Entrega 8. Depuración del código

Nuestro amigo Micael nos comenta que hay una herramienta de depuracion muy buena llanada augury pero, en principio vamos a trabajar con chrome.

Para ello si hacemos F12 sobre el navegador Chrome, vemos la vista de desarrollador, y vamos a la pestaña sources, y dentro hay una carpeta llamada webpack (que como vimos es nuestro gestor de proyecto), y en el se pueden ver nuestro componentes. Se pueden poner puntos de ruptura en el código, en nuestro caso hemos hecho click sobre el número de la línea, en este caso la 15.

Cuando le damos al botón, automáticamente el código se para en la línea 15 y nos muestra el valor de la variable myName  que es "John Travolta"