9 extensiones de código de Visual Studio que facilitan aún más la programación

9 extensiones de código de Visual Studio que facilitan aún más la programación

El código de Visual Studio de Microsoft es uno de los mejores editores de texto gratuitos disponible ahora mismo. Combina un conjunto completo de funciones con relativa facilidad de uso, y el rendimiento es sorprendentemente bueno para una aplicación de Electron. Una de las razones por las que a la gente le encanta, aparte de las razones anteriores, es su extensibilidad.





Como muchos otros editores de texto populares, Visual Studio Code tiene una gran cantidad de extensiones disponibles para personalizar su comportamiento. Estos pueden alterar enormemente cómo funciona y se siente Visual Studio Code, como agregar combinaciones de teclas al estilo Vim o Emacs. Con esta lista, hemos recopilado solo algunos de nuestros favoritos.





Cómo instalar extensiones de código de Visual Studio

En caso de que no esté familiarizado, es fácil instalar extensiones en Visual Studio Code. Haga clic en el Extensiones icono en el lado izquierdo de la pantalla. Es el quinto icono hacia abajo, inmediatamente debajo del icono Depurar.





Ahora simplemente escriba el nombre o parte del nombre de la extensión que desea instalar. Haga clic en el nombre para leer la descripción general de la extensión, luego haga clic en el Instalar en pc icono para instalarlo.

1. Visual Studio IntelliCode

Desarrollado por Microsoft DevLabs, IntelliCode de Visual Studio es una extensión que incluye inteligencia artificial para ayudarte a codificar. Actualmente, la extensión es compatible con Python, JavaScript / TypeScript y Java.



¿Qué es la aceleración de hardware en Chrome?

Si ha usado Intellisense antes en Visual Studio o Visual Studio Code, tendrá una idea de qué esperar. La diferencia aquí es que esta es esencialmente una versión aún más inteligente de esa idea.

Esta extensión aún se encuentra en las primeras etapas de desarrollo y ya es impresionante. Una vez que haya tenido más tiempo en desarrollo, es posible que incluso vea esto integrado en Visual Studio Code.





2. Configuración de sincronización

La mayoría de las personas que usan un editor de texto regularmente realizan al menos algunos ajustes en su configuración. Mucha gente va más allá y lo personaliza para que se adapte a su estilo personal de trabajo. Si trabaja con frecuencia en más de una máquina, puede resultar frustrante realizar constantemente estos ajustes a mano.

Sincronización de configuración tiene como objetivo resolver ese problema. Usando un simple GitHub Gist, Settings Sync, bueno, sincroniza su configuración. Esto incluye otras extensiones y sus configuraciones, por lo que toda su configuración termina siendo portátil. Realice algunos cambios en una máquina, sincronice su configuración y podrá sincronizarlos fácilmente en otras máquinas.





Se necesitan unos minutos para configurar la Sincronización de configuración, luego no tiene que volver a pensar en ello. Las instrucciones para configurarlo están disponibles a través de la descripción general de la extensión en Visual Studio Code.

3. Path Intellisense

Si usa Visual Studio Code para editar archivos de configuración personales o del sistema, Path Intellisense puede ser un salvavidas. En pocas palabras, la extensión agrega finalización estilo Intellisense a los nombres de archivo, lo que le permite escribir fácilmente nombres de ruta largos sin tener que memorizarlos.

Esta es una extensión relativamente simple, pero tiene algunas opciones de configuración. Puede elegir si desea agregar o no una barra después de los nombres de directorio, por ejemplo. Otras opciones incluyen si se incluyen o no nombres de archivo en las declaraciones de importación y la capacidad de ignorar ciertos tipos de archivos.

4. Explorador de tareas

los Explorador de tareas La extensión agrega funciones de ejecución de tareas de estilo IDE a Visual Studio Code. Esto incluye principalmente tareas de compilación para su proyecto actual, pero también puede incluir bash, Python y otros scripts.

Task Explorer admite una gran cantidad de herramientas de compilación estándar. Estos incluyen NPM, Grunt, Gulp, Ant, Make y Visual Studio Code. La extensión es personalizable, lo que le permite personalizar la ruta de cada corredor de tareas y lenguaje de secuencias de comandos. Esto es útil si tiene varias versiones instaladas y desea utilizar una versión específica.

5. GoLens

Visual Studio Code presenta la integración de Git fuera de la caja, como hemos mencionado antes, por lo que es posible que no necesite esta extensión en absoluto. Dicho eso GoLens agrega varias funciones que lo ayudan a visualizar, navegar y comprender el historial de Git de su proyecto.

Entre otras características, GitLens agrega una poderosa vista de diferencia dividida que lo ayuda a visualizar fácilmente la diferencia entre confirmaciones y ramas. La extensión también le permite buscar en un historial de confirmación de proyectos, buscar por autor, archivos, mensaje de confirmación y más.

Otras características incluyen un mapa de calor en el canal de Visual Studio Code que le permite ver fácilmente dónde se realiza la mayor parte del trabajo en un archivo determinado. La conclusión es que si confías en gran medida en Git, al menos deberías probar este complemento.

cómo monitorear el uso de Internet en la red doméstica

6. Más bonita

Si eres un desarrollador front-end, y especialmente si necesitas seguir una guía de estilo, Más bonita puede ser tu nuevo mejor amigo. La extensión Prettier formatea automáticamente JavaScript, TypeScript y CSS utilizando la herramienta de formato de código del mismo nombre.

Prettier toma el código que escribe y lo reescribe por usted, siguiendo un estricto conjunto de pautas de formato. La extensión tiene 'opiniones', lo que significa que toma varias decisiones por sí misma, pero puede usar la extensión con las herramientas eslint o tslint para asegurarse de que sigue su propia configuración de linting.

7. Colorante de pares de soportes

Colorizador de par de soportes es un complemento que está bien descrito por su nombre. Colorea automáticamente ciertos caracteres para ayudarlo a saber qué tan profundamente anidado está un determinado fragmento de código. Se admiten varios idiomas listos para usar, tantos que es casi seguro que el idioma que elija sea compatible.

Por defecto,

|_+_|

,

|_+_|

, y

|_+_|

coinciden, pero también puede definir otros caracteres de corchetes que le gustaría que coincidan. Estos tipos de complementos tienden a ser muy polarizantes, pero si no estás seguro de si te gustaría o no, prueba Bracket Pair Colorizer.

8. Código de tiempo

¿Alguna vez te has preguntado cuántas horas a la semana pasas en tu editor de texto? ¿Qué pasa con el mejor momento del día o día de la semana para una programación óptima? Si alguna vez se ha preguntado acerca de estas u otras métricas, Hora del código es para ti.

Code Time mide su actividad en Visual Studio Code y le informa sobre las actividades anteriores, así como otras métricas. Verá métricas en tiempo real en la barra de estado y hay un panel en el editor para una mejor vista.

Puede configurar Code Time para enviarle un informe semanal por correo electrónico, mientras que la integración de Google Calendar le permite reservar tiempo automáticamente para sus mejores horarios de programación, para que no se arruinen con las reuniones.

9. Cliente REST

Ya sea que sea un desarrollador web front-end o alguien que pasa la mayor parte de su tiempo en el servidor, probablemente se haya encontrado con casos en los que necesite probar una API REST. Hay complementos de navegador para esto y muchas otras herramientas, pero si pasa la mayor parte de su tiempo en un editor de texto, ¿por qué no tener el cliente disponible donde se sienta más cómodo?

Esta es una extensión relativamente simple que hace lo que dice hacer. Puede enviar fácilmente solicitudes HTTP, así como enviar comandos cURL. Para la autenticación, la extensión admite autenticación básica, autenticación implícita, certificados de cliente SSL y más.

Sea más productivo en Visual Studio Code

Estas extensiones son solo el comienzo, especialmente si es nuevo en Visual Studio Code. Primero, hay muchas más extensiones disponibles. En la mayoría de los casos, evitamos específicamente las extensiones específicas del idioma, pero hay muchas disponibles. Ya sea que codifique en JavaScript, C ++, Go u otro idioma, encontrará extensiones que pueden facilitar su trabajo.

También hay muchas más formas de hacer más rápido en Visual Studio Code. Para ayudarlo a comenzar, tenemos una lista de consejos esenciales para que sea más productivo en Visual Studio Code.

Cuota Cuota Pío Correo electrónico Elimine estos archivos y carpetas de Windows para liberar espacio en disco

¿Necesita liberar espacio en el disco de su computadora con Windows? Estos son los archivos y carpetas de Windows que se pueden eliminar de forma segura para liberar espacio en el disco.

Leer siguiente
Temas relacionados
  • Programación
  • Código de Visual Studio
Sobre el Autor Kris Wouk(118 Artículos publicados)

Kris Wouk es músico, escritor y como se llame cuando alguien hace videos para la web. Un entusiasta de la tecnología desde que tiene memoria, definitivamente tiene sistemas operativos y dispositivos favoritos, pero usa tantos otros como puede de todos modos, solo para mantenerse al día.

restablecer este equipo hubo un problema al restablecer su equipo
Más de Kris Wouk

Suscríbete a nuestro boletín

¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!

Haga clic aquí para suscribirse