Mis extensiones favoritas de Visual Studio Code

 Visual Studio Code es un editor de código que se está utilizando mucho tanto programadores como diseñadores por su versatilidad, velocidad, es gratuito, tiene soporte para la depuración, control integrado de Git y resaaltado de sintaxis.

Las extensiones en Visual Studio Code son funcionalidades agregadas que se añaden a la aplicación, como color pickers, detección de sintaxis para los lenguajes, resaltado de errores, herramientas para ver las diferencias entre dos archivos, herramientas para hacer respaldos y muchas mas.

Para ver las extensiones que tenemos en Visual Studio Code, apretamos Ctrl+Shift+P y elegimos Install Extensions, esto nos desplegará un listado de las extensiones disponibles y allí podemos buscar la funcionalidad deseada.




Mis extensiones favoritas de Visual Studio Code son:


Snipper Creator por Ryan Olson


Permite crear snippets rápidamente, debemos seleccionar el texto y luego CTRL+SHIFT+P y elegir la opción Snippet Creator:Create Snippet. Acto seguido debemos escribir el prefijo del snippet (el nombre del snippet) y luego la descripción. Una vez creado el snippet podemos usar el nombre para insertar el código.

Multiple Copy Paste por  TechnoFunnel
Permite tener varios clipboards con Ctrl+1,Ctrl+2,etc y para pegar utilizamos Alt+1,Alt+2,etc




Name: Copy Relative Path and Line Numbers por ezforo
Esta extensión sirve a los propósitos de los desarrolladores, y es muy útil cuando queremos anotar una referencia a una función y la ruta relativa donde se encuentra. Automáticamente pone en el portapapeles está info que menciono en el párrafo anterior.
Ej:js/jquery:js:205  (En este caso el archivo jquery.js está en la carpeta js y estoy en la linea 205)

Bookmarks por Alessandro Fragnani
Permite la utilización de Bookmarks en el código fuente, a efectos de alternar rápidamente los fragmentos de códigos en los que estamos trabajando.
Si vamos al menú File - Preferences - Keyboard Shortcuts (Control K Control S) podemos definir unas teclas para crear marcadores, ir al próximo marcador, ir al marcador anterior, ver la lista de marcadores.


Diff and Merge por MoshFeu

Hace una comparación entre dos archivos en forma horizontal para ver las diferencias.




Mas información sobre esta extensión en Market Place


Emmet Live por Yurii Semeniuk


Emmet es plugin disponible para muchos editores de texto, que se utiliza para escribir código html muy rápido por medio de abreviaciones.

Por ejemplo yo escribo nav>ul>li, presionamos tab para expandir la abreviación, automáticamente me va a reemplazar ese código por :

<nav>
    <ul>
        <li></li>
    </ul>
</nav>

Hay un enorme cantidad de posibilidades que se pueden ver en este link Emmet Cheat Sheet

Mas información de la extensión en Market Place

Local History por xyz

Al igual que Netbeans la extensión Local History, nos permite ver un listado de todas las modificaciones de un archivo y comparar contra la versión actual del archivo.

Si perdimos un cambio o precisamos recuperar un código borrado, podemos ver el listado de todas las modificaciones y recuperarlo.

Aquí vemos un ejemplo de comparar la versión actual del archivo con otra versión anterior

Esta extensión crea una carpeta .history en el workspace actual y allí guarda todos los cambios/versiones que realizamos en los archivos.

 

VS Color Picker por lihu

Esta extensión permite elegir colores html mediante un color picker.

Cuando tipeamos el caracter numeral # automáticamente detecta que vamos a necesitar insertar un color, muestra unos iconos que nos permite seleccioner un color.



Copy Relative Path and Line number

Esta extensión es util para copiar la url relativa del archivo y el numero de linea ejemplo:
funciones.php:6

Se activa con ALT+L 


Comentarios

Publicar un comentario

Formulario:

Entradas populares de este blog

Visual Studio Code - Deshabilitar la agrupación de carpetas vacías

Imagen
  Visual Studio Code collapsa por defecto las carpetas vacías en las estructuras de directorios. Esto es un poco molesto porque no te das cuenta correctamente del árbol de carpetas. Si bien es posible expandir la estructura colapsada, lo mejor es configurarlo por defecto para que no lo haga. Para eso vamos a el menú File - Preferences -Settings (o Control coma) y  buscamos la cadena "Explorer: Compact Folders" y desactivamos el checkbox
Leer más

Puntos de campeones CP -ESO

Imagen
Que son los puntos (CP) de campeón- Elder Scrolls Online Cuando llegamos a Nivel 50, se muestran disponibles los puntos de campeón. Se basa en una serie constelaciones con varias ventajas bien agrupadas, donde vamos a colocar puntos donde mas nos convenga, para darnos mas potencia en diferentes atributos de nuestro personaje. Algunos usuarios realizan builds, que constan de un resumen de las mejores habilidades según la clase de personaje y el tipo de juego que vayamos a realizar (dps,tank,healer,apoyo), además recomiendan asignar puntos de campeón para optimizar al máximo. Los puntos de campeón se nos va a ir asignando gradualmente a medida que vamos ganando experiencia y presionando la tecla + dentro del juego, podemos asignar los cp á las distintas constelaciones. Por lo general las builds expresan los cp en 3 partes, hasta 300 cp, luego hasta 600, y finalmente hasta 810. Para subir mas rápido  los cp se recomienda usar los pergaminos de subida rápida de experiencia, hacer las d...
Leer más

WINSCP - Preguntar antes de sobreescribir los archivos

Imagen
 Por defecto Winscp viene configurado para que no nos pregunte si queremos sobrescribir los archivos, entonces no nos damos cuenta cuando pisamos un archivo por error o accidente. Si queremos nos consulte antes de sobrescribir un archivo hacemos lo siguiente. Vamos al menú Opciones y elegimos la opción opciones, dentro de la opción Entorno (la que aparece primero), activamos el checkbox "Sobreescribir Archivos" o " Overwriting of files ."
Leer más