Visual Studio Code

Te recomiendo algunos temas para VSCode

En este post voy a hacer una recopilación de temas agradables e interesantes para el editor Visual Studio Code.

Son temas que recomiendo personalmente con mi experiencia programando en este editor (muchos de estos son los más descargados), estoy seguro de que al menos uno te gustará.

Por cierto, si quieres hacer más bonito tu VSCode te recomiendo habilitar las ligaduras de fuentes.

Continue reading…

Instalar tema SynthWave ’84 en VSCode (colores neón)

Hace algunos días estuvo en tendencia un tema un poco raro pero igualmente bonito, que tiene colores neón.

Este esquema de color está influenciado por la música y la portada de las bandas modernas de Synthwave como FM-84, Timecop 1983 y The Midnight.

Se llama “SynthWave ’84” y puedes instalarlo buscando “synth” en las extensiones, o yendo al marketplace.

Continue reading…

VSCode: Ligaduras de fuentes con Fira Code

Hay una fuente o tipografía para programadores (o mejor dicho, para código fuente) muy agradable a la vista llamada Fira Code que además soporta las ligaduras de fuentes o font ligatures.

Las font ligatures son una forma de mostrar las fuentes de manera agradable, por ejemplo, mostrar el operador -> como una flecha, no como dos caracteres separados.

De esta manera, al leer el código, nuestro cerebro leerá solo un carácter y no tendrá que leer dos o más además de juntarlos y procesarlos.

Hoy veremos cómo habilitar las ligaduras de fuentes en Visual Studio Code, usando la fuente Fira Code.

Continue reading…

Instalar atajos de teclado de JetBrains en VSCode

Los productos de JetBrains han ido ganando terreno en cuanto a entornos de desarrollo integrado.

No he encontrado otro IDE tan maravilloso como GoLand para programar en Go, o PhpStorm para PHP, etcétera.

El punto es que los entornos de JetBrains cuentan con atajos de teclado o combinaciones de teclas que son las mismas a través de todos sus programas, y si estamos acostumbrados a los mismos, podemos hacer lo mismo en VSCode, pues hay una extensión que permite tener los atajos de teclado de los productos de JetBrains en Visual Studio Code.

Continue reading…

Resetear Visual Studio Code

VSCode se ha convertido en un editor bastante bueno, se ha colocado (según mi opinión) sobre Sublime Text, Atom y Brackets.

Hay ocasiones en las que necesitamos tener a VSCode como nuevo, es decir, limpiarlo.

En este post voy a mostrarte cómo resetear las configuraciones de VSCode y cómo eliminar también todas las extensiones.

De esta manera podrás dejar tu editor VsCode como estaba al inicio.

Continue reading…

Configurar VSCode y Vetur para programar con Vue

Vetur es una extensión para Visual Studio Code y proporciona una caja de herramientas para programar con Vue. Entre sus principales características encontramos:

  • Remarcado de sintaxis
  • Algunos snippets
  • Soporte de Emmet
  • Comprobación de errores
  • Formateado de código
  • Autocompletado
  • Depuración

VSCode o Visual Studio Code se ha convertido en un potente pero ligero editor de código. No es un IDE ni un editor de texto plano, se encuentra entre estos dos y mantiene la sencillez de un editor con muchas características de un IDE.

Al comenzar a programar en Vue (con archivos que tienen la extensión .vue) no se muestra un resaltado de sintaxis ni las herramientas del lenguaje:

1 – Sintaxis no marcada

Veamos entonces cómo instalar Vetur y analicemos las herramientas que proporciona para hacer el desarrollo con Vue más fácil y agradable.

Continue reading…