Extensiones populares de código de Visual Studio

Código de tiempo


Code Time es un complemento de código abierto que proporciona métricas directamente en el editor de código.

imagen

Después de instalar la extensión, se le pedirá que ingrese al panel de control.

Si presiona Command + shift + P dentro del editor de código, se abrirá una ventana en la que puede ingresar el Código de Tiempo , y luego elegir entre mostrar los datos en el editor de código o en el navegador.

Dentro del navegador, la información se verá así:

imagen

M√°s colorido dentro del navegador:

imagen

Code Time es √ļtil si necesita saber exactamente o simplemente preguntarse cu√°nto tiempo pasa escribiendo c√≥digo.

Un profesional oscuro


One Dark Pro es uno de los temas m√°s populares y descargados con frecuencia para Visual Studio Code.

imagen

Este ejemplo muestra que tenemos íconos para directorios como cliente y servidor, así como para archivos como .eslintrc .gitignore y package.json .

One Dark Pro es compatible con React, Angular, Redux y muchos marcos y bibliotecas diferentes, proporcionando varios iconos de directorio para componentes, utilidades, estilos, así como para reductores (Reductores), acciones (Acciones) y tiendas (Almacenar).

Color par de soportes


Esta extensión permite combinar corchetes con colores.
Esto es √ļtil cuando tiene objetos o funciones profundamente anidados, como se muestra aqu√≠:

imagen

Color destacado


Color Highlight muestra una representación visual de cualquier código de color.

Por ejemplo, si ingresa RGB, RGBa, hexadecimal o cualquier otro código de color, puede ver el color, como en este ejemplo:

imagen

Senda intellisense



Path Intellisense es un complemento que completa autom√°ticamente los nombres de archivo.

Esto es √ļtil para importar componentes en React, ya que no tiene que ingresar manualmente la ruta al archivo que est√° buscando.

ES7 React / Redux / GraphQL / React-Native Slices


La siguiente extensión es ES7 React / Redux / GraphQL / React-Native snippets. Un nombre largo, pero te ahorrará mucho tiempo, especialmente si lo usas en React.

Esta extensión proporciona JavaScript y fragmentos React / Redux en ES7 con las funciones del complemento Babel para VS Code.

Justo en el editor de código, puede presionar comando + shift + P , y luego ES7 Snippet Search , verá una larga lista de comandos cortos que puede ejecutar para obtener fragmentos de código más largos.

imagen

Con esta extensión, puede encontrar fácilmente un comando, por ejemplo, para un fragmento de un componente funcional.

Ejecutas comandos escribiéndolos en el editor y presionando enter. ¡Todo es simple!

GitLens - Git sobrealimentado


GitLens extiende las capacidades de Git integradas en Visual Studio Code.

Ayuda de un vistazo a identificar al autor del código usando las anotaciones de Git-blame y la lente de código, navegar y explorar fácilmente los repositorios de Git, obtener información valiosa usando comandos de comparación y mucho más.

Al hacer clic en la l√≠nea de c√≥digo, ver√° qui√©n lo edit√≥, cu√°ndo se edit√≥ y en qu√© confirmaci√≥n. Cosa √ļtil!

imagen

Source: https://habr.com/ru/post/441318/


All Articles