Mautic Pixel

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información. Aceptar

2 Extensiones imprescindibles para Angular

Javier Gamarra
  • Escrito por Javier Gamarra el 17 de Octubre de 2017
  • 1 min de lectura Desarrollo Web
2 Extensiones imprescindibles para Angular

En este articulo vamos a conocer 2 herramientas que facilitarán nuestra vida cotidiana en el desarrollo para Angular.

Language Service

La primera extensión es Language Service que permite evaluar los templates en el momento del desarrollo desde su IDE, esto quiere decir que proporciona el auto-completado, del que estamos acostumbrados desde TypeScript, en plantillas internas y externas. También va mucho más profundo que eso, ya que puede obtener un manejo de errores estricto de diagnósticos específicos de Angular, corrigiendo algunos errores que podamos cometer en nuestra sintaxis.

Lo más impresionante del Language Service es que no está acoplado a una versión Angular específica y puede utilizarse en cualquier editor de texto e IDE tan pronto como haya un complemento disponible.

Podemos instalar la extensión ejecutando el siguiente comando en nuestra consola, recordando que de antemano debemos tener instalado NPM:

npm i @angular/language-service --save-dev

Luego debemos activarlo en nuestro IDE, en este caso utilizaremos WebStorm

Activar Language Service en el IDE

  • Archivo -> Preferencias
  • Languages & Frameworks -> TypeScript
  • Use TypeScript Service -> Configure
  • Use Angular Service -> Ok -> Apply

Imagen 0 en 2 Extensiones imprescindibles para Angular

Augury

La segunda extensión es Augury es una extensión de Chrome que se conectará a nuestras Chrome DevTools. Una vez cargado, nos ayudará a explorar las relaciones entre los componentes individuales en nuestra aplicación que son visibles en la página. Por otra parte Augury nos ayuda a depurar nuestras aplicaciones Angular 2 al permitirnos ver los árboles de componentes, las propiedades de árbol de enrutadores, las clases de componentes y Algoritmo de detección de cambios.

Para instalar podemos acceder al siguiente link de Augury luego hacer click en Añadir a Chrome -> Añadir Extensión y Listo podemos comenzar a utilizar esta fantástica extensión en la consola de nuestro navegador Google Chrome.

 

Imagen 1 en 2 Extensiones imprescindibles para Angular


Artículo desarrollado a partir del vídeo por Jhuly Acosta

Relacionado

Te dejamos una selección de cursos, carreras y artículos

Curso de Angular 6

Curso de Angular 6

curso

Con este curso aprenderás:

  • Instalación y configuración de un proyecto de Angular
  • Conocimientos básicos de Typescript
  • Componentes de Angular

Duración: 6 horas y 9 minutos

Qué es Angular: Origen y evolución

Qué es Angular: Origen y evolución

Frameworks

15 de Octubre de 2018

Te explicamos todo sobre qué es el framework Angular y cómo ha evolucionado desde su primera versión AngularJS, hasta lo que conocemos hoy como Angular, el framework creado por Google y que&nb...

Curso de buenas prácticas en Angular

Curso de buenas prácticas en Angular

curso

Con este curso aprenderás:

  • Introducción
  • Angular CLI archivo de configuración
  • Tslint para hacer tu aplicación mantenible

Duración: 2 horas y 4 minutos

Más de 300 empresas confían en nosotros

Oesia
Vass
Everis
Ayesa
Altran
Ibermatica
Atmira
GFI
Accenture
GMV
Concatel
Telefonica
Caser
Banco de España
kpmg
Mapfre
Randstad