Qué plugins instalarme en el Visual Studio Code para Angular

Tener configurado adecuadamente nuestro IDE para desarrollar nuestras aplicaciones con Angular, nos facilitará el desarrollo, nos avisará de los errores que cometamos y nos ayudará a tener un código más ordenado y de calidad. Pero, ¿qué plugins podría instalar para ser más rápido y mejor?

Cada vez que tengo que volver a configurar un ordenador, empezar un proyecto, o solamente mirar si de alguna forma podría mejorar lo que estoy haciendo… acabo buscando de nuevo plugins para el Visual Code.

Para los proyectos con Angular 6, que estoy desarrollando, los plugins que en este momento tengo instalados son:

angular 6 snippets

Nos ayudará completando nuestro código Angular, tanto con las directivas como con los componentes.

ngRepeatSnippetngComponentSnippet

 

angular language service

demo

 

angular2-inline

Para los colores inline de html y css.

Image of Example

 

auto close tag

Usage

 

auto rename tag

Usage

 

Auto-open markdown preview

Nos mostrará una previa de nuestro markdown. Interesante para ver en directo como está quedando nuestro readme.md

 

Angular 2 Files

Podremos crear componentes, filtros, modules… con el botón derecho del ratón.

 

code spell checker

Como un diccionario aplicado a nuetro código

Example

 

color highlight

Nos mostrará un recuadro de color en los colores de nuestro CSS.

 

document this

Nos facilitará nuestra tarea en generar documentación en nuestros proyectos. Sobre todo si usamos compodoc o jsdoc.

Demo

 

eslint

 

file templates

Para crear archivos desde plantillas.

preview

 

git history

Para ve del historial del git en el Visual Code

Image of Git Log

 

HTML snippets

alt text

 

js-css-html formatter

 

node.js modules intellisenses

Nos ayuda a los import que creemos, rellenando la información.

auto complete

 

project manager

Más herramientas para gestionar los proyectos con Visual Code.

 

rainbow brackets

Paréntesis con colores, para diferenciarlos.

 

tslint

 

Si deseas buscar más plugins, puedes hacerlo directamente con el Visual Code Studio o a través de la web.

 

Deja un comentario