Visual Studio Code Plugings Recomendados

Hola y bienvenido, continuando con el Tema de Visual Studio Code En esta oportunidad les mostrare los plugins que mas utilizo y que de verdad me han dado un boost en el desarrollo. Verán que muchos de los plugins están orientados al desarrollo libre y que hago especial énfasis en las tecnologías como TypeScript, Python, css y html

Buscar e Instalar como 

Es muy sencillo pues tenemos al lateral de nuestro VS Code el símbolo de

Cuadrado que muestra la barra de extensiones nos permite buscar para acceder al él puede usar el comando ( Ctrl + shift + X), por defecto te mostrara la lista de plugins instalados pero tiene otras dos secciones utiles como, recomendados que son los plugins que esta entre os más usados y más recomendados por la comunidad, y los deshabilitados, los cuales son los que no están en uso actualmente. Si recordamos podemos deshabilitar un plugins para ese entorno de trabajo o en general.

Además de eso Cada plugins que seleccionemos en la lista como resultados de nuestra búsquedas, nos crea una pestaña con la descripción, uso y en muchas ocasiones pequeños video tutoriales de cómo usarlos y sus resultados.

Deshabilitando los plugins

Podemos habilitar o deshabilitar un plugins dependiendo si lo usaremos o no, existe un pequeño contra en este caso. Alguno de ellos no son necesarios para el funcionamiento de otros plugins, es decir están inter relacionados, por lo tanto cuando deshabilitamos alguno es posible que el IDE nos indique que no lo puede hacer pues es requerido. No Obstante, cuando queremos deshabilitarlo se nos pregunta si para el WorkSpace o en general. A su vez los plugins ahora no estarán en la primera lista de plugins si no en su respectiva sección de deshabilitados. Para reactivarlos nos dirigimos a barra de plugins y en la sección antes mencionada allí lo buscamos y lo identificamos luego podemos habilitarlo en el engranaje de la lista o al seleccionarlo, en la pestaña.

Lista de Plugins

 TSLint: Es un plugins recomendado por la comunidad para el lenguaje TypeScript añade Intellisense del lenguaje además de venir precargado con algunos code-snippet , uno de sus beneficios son la fijación automática de advertencias en la medida admitida por tslint. Para las advertencias que admiten una corrección automática, se muestra una bombilla cuando el cursor se coloca dentro del rango de la advertencia. Puede aplicar la solución rápida ya sea, haciendo clic en la bombilla que aparece o ejecutando la solución rápida, cuando el mouse está sobre el código erróneo
o usando el comando Reparar todos los problemas de auto reparación.

 Trailing Spaces: es un muy muy muy útil plugins te permite mostrar en una sombra roja los espacios en blanco después de las sentencias, esto pues según los estilos de código de muchos lenguajes se debe omitir.

 Python e Python for VSCode son extensiones recomendadas por la comunidad para el añadir al IDE el  Intellisense del lenguaje python. Además de las  definiciones en sus importaciones. También permite añadir al VS Code comando de debug o ejecución de Scripts del lenguaje.

 Path Intellisense: Este pequeño pero curioso plugins nos permite el autocompletado de las rutas internas de nuestro proyecto en el código, un ejemplo es cuando queremos llamar a un .js o .css y nos permite ser usado en la mayoría de los lenguajes se complementa con ellos. 

 IntelliSense for CSS class names in HTML: Maravillosa ayuda que es lo que este plugins nos hace. Muchas veces cuando definimos estilos en nuestro HTML tenemos que recordar o buscar dentro de los archivos de css la clase que nos dará el estilo querido. Pues con este plugins eso queda atrás. Una vez carguemos nuestro área de trabajo leerá todos los archivos css y cuando el IDE este en un archivo HTML y definamos la propiedad style nos dará una autocompletado con una lista de las clases que capturo previamente.

HTML Snippets: Nos añade Snippets de html que agiliza nuestro desarrollo de páginas pues añade etiquetas completas o basadas en tu código. Esta extensión funciona incluso en plantillas de Django o de Rail

ESLint: añade al intellisense el lenguaje JavaScript además de útiles snippets  de funciones o bloques de código.

GitLens — Git supercharged: GitLens sobrealimenta las capacidades de Git integradas en Visual Studio Code. Le ayuda a visualizar la autoría del código de un vistazo a través de las anotaciones y la lente de código de Git, navegar y explorar repositorios de Git, obtener información valiosa a través de poderosos comandos de comparación, y mucho más. 

• explorador de GitLens para navegar y explorar repositorios
• explorador de historial de archivos de GitLens para navegar y explorar historias de archivos
•  explorador de resultados de GitLens bajo demanda para navegar y explorar búsquedas de commit, visualizar comparaciones entre ramas, etiquetas, commits y más
• Código de autoría que muestra la confirmación más reciente y el número de autores en la parte superior de los archivos y / o en los bloques de códigos
•  anotación de culpa de línea actual discreta al final de la línea
• Anotaciones de culpas de canal a petición, incluido un mapa de calor, para todo el archivo
• anotaciones de cambios recientes bajo demanda para destacar las líneas modificadas por la confirmación más reciente
•  anotación de culpa de la barra de estado que muestra el autor y la fecha de la línea actual
• Búsqueda de confirmación: por mensaje, autor, nombre de archivo, identificación de confirmación o cambios de código

muchos comandos potentes para explorar confirmaciones e historiales, comparar y navegar revisiones, acceso indirecto, estado del repositorio, etc.

 Django Template: Esta extensión agrega etiquetas del lenguaje de plantilla de Django a VS Code. Desde Intellisense hasta el auto corrector o hotdebug.

Tambien recomendo son

Python Extension Pack: añade una cantidad masiva de otros complementos es lo más parecido a un plugins madre con otros plugins pero añade varios otros que son útiles como el magic import y debugers.

PHP IntelliSense: Soporte de autocompletado y refactorización avanzado para PHP

Ruby:Proporciona compatibilidad con el lenguaje Ruby y la depuración para el código de Visual Studio