Compartir:
){kind=small}
Nahrin fue Educadora de Desarrolladores para Vonage. Le apasiona crear comunidades inclusivas, abordar las necesidades del mundo real con soluciones de software pragmáticas y crear contenidos técnicos accesibles para todos los niveles.
Extensiones de código de Visual Studio para mejorar la productividad en 2021
Tiempo de lectura: 4 minutos
Visual Studio Code es un editor de código sencillo pero muy extensible. Como desarrolladores, pasamos mucho tiempo aquí, y por eso es tan importante sacar el máximo partido de nuestros editores y agilizar y automatizar siempre que sea posible.
Al entrar en 2021, he recopilado una lista de extensiones que utilizo personalmente a diario con la esperanza de que te ayuden a ahorrar tiempo y mejorar la productividad este año. Ten en cuenta que, aunque las extensiones destacadas a continuación son aptas para todos los idiomas, hay plugins específicos para cada idioma que también merece la pena explorar.
Abra su Visual Studio Code.
Pulse el botón marcado en el panel situado a la izquierda.
En la casilla "Buscar extensiones", escriba el nombre de la extensión que desea descargar.
Elige el resultado de búsqueda correcto y haz clic en "Instalar".
Bracket Pair Colorizer 2 permite identificar con colores los corchetes coincidentes. El usuario puede definir qué tokens emparejar y qué colores utilizar.
Bracket Pair Colorizer 2
Remote Containers le permite utilizar un contenedor Docker como un entorno de desarrollo con todas las funciones. Tanto si despliegas en contenedores como si no, los contenedores son un gran entorno de desarrollo porque puedes:
Desarrolle con una cadena de herramientas coherente y fácilmente reproducible en el mismo sistema operativo en el que realiza la implantación.
Cambie rápidamente entre diferentes entornos de desarrollo aislados y realice actualizaciones de forma segura sin preocuparse por el impacto en su máquina local.
Facilitar a los nuevos miembros del equipo/colaboradores la puesta en marcha en un entorno de desarrollo coherente.
Pruebe nuevas tecnologías o clone una copia de una base de código sin afectar a su configuración local.
Remote Containers
Import Cost mostrará en línea en el editor el tamaño del paquete importado. La extensión utiliza webpack con babili-webpack-plugin para detectar el tamaño importado.
Path Intellisense ayuda a autocompletar los nombres de archivo. Esta extensión ayuda a los desarrolladores a definir rutas de archivos con precisión.
Path Intellisense
Live Share te ofrece la posibilidad de co-editar, co-depurar, tener una llamada de audio, chatear con tus compañeros, compartir terminales, servidores, ver comentarios y mucho más.
Peacock cambia sutilmente el color del espacio de trabajo de Visual Studio Code. Es ideal cuando se tienen varias instancias de VS Code, se utiliza VS Live Share o las funciones remotas de VS Code, y se desea identificar rápidamente el editor.
Peacock
Prettier es un formateador de código. Impone un estilo coherente analizando el código y volviéndolo a imprimir con sus propias reglas, que tienen en cuenta la longitud máxima de línea y envuelven el código cuando es necesario.
Quokka.js es una herramienta de productividad del desarrollador para la creación rápida de prototipos JavaScript / TypeScript. Los valores de tiempo de ejecución se actualizan y se muestran en su IDE junto a su código a medida que escribe.
Quokka
Better Comments le ayudará a crear comentarios más amigables en su código. Con esta extensión, podrás categorizar tus anotaciones en:
Alertas
Consultas
TODO
Destacados
El código comentado también puede estilizarse para dejar claro que no debería estar ahí.
Cualquier otro estilo de comentario que desee puede especificarse en la configuración
Better comments
Settings Sync sincroniza configuraciones, fragmentos, temas, iconos de archivos, lanzamientos, combinaciones de teclas, espacios de trabajo y extensiones entre varias máquinas mediante GitHub Gist.
Remoto - SSH le permite utilizar cualquier máquina remota con un servidor SSH como entorno de desarrollo. Esto puede simplificar significativamente el desarrollo y la solución de problemas en una amplia variedad de situaciones. Usted puede:
Desarrolle en el mismo sistema operativo en el que se implanta o utilice un hardware más grande, más rápido o más especializado que su máquina local.
Cambie rápidamente entre distintos entornos de desarrollo remotos y realice actualizaciones de forma segura sin preocuparse por el impacto en su máquina local.
Acceda a un entorno de desarrollo existente desde varias máquinas o ubicaciones.
Depure una aplicación que se esté ejecutando en otro lugar, como las instalaciones de un cliente o en la nube.
No es necesario que el código fuente esté en tu máquina local para obtener estas ventajas, ya que la extensión ejecuta comandos y otras extensiones directamente en la máquina remota. Puedes abrir cualquier carpeta en la máquina remota y trabajar con ella como lo harías si la carpeta estuviera en tu máquina.
Remote SSH
Esta última extensión es muy divertida: ¡crea una Polaroid para tu código! Si usted estaba planeando tomar una captura de pantalla de su código para compartir en Twitter o una entrada de blog, recomiendo encarecidamente el uso de esta herramienta para un resultado estéticamente más atractivo.
Polacode
Con esto concluye mi lista de extensiones más utilizadas. Espero que hayas encontrado alguna que mejore tu productividad como desarrollador este año. ¿Cuáles son tus extensiones favoritas de VS Code que te ayudan mientras desarrollas? Por favor, compártelas en los comentarios o házmelo saber en Twitter¡!