Cambiar terminal predeterminada en Visual Studio Code - Elegir CMD command prompt

Visual Studio Code: usar CMD en lugar de PowerShell

La terminal integrada de Visual Studio Code (VSC) viene de mucha ayuda pues abre una terminal en el directorio del proyecto que estamos editando y nos evita hacer muchos cd.

Lo que no me gusta es que por defecto se abre una nueva instancia de PowerShell y personalmente no la entiendo ni es de mi agrado, ya que soy más del CMD.

Así que en este post veremos cómo abrir el CMD dentro de la terminal integrada de Visual Studio Code, o mejor dicho, cambiar las preferencias de la consola para elegir entre PowerShell o cmd.

(más…)

Vim integrado dentro de Visual Studio Code

Integrar Vim en tu editor favorito

Vim no es un editor que solo se ejecuta en la terminal. Es un editor muy poderoso, pero no necesariamente debes sacrificar a tu adorado editor, sus temas o su fuente, para usar vim.

En este post te mostraré cómo usar vim con algunos de los editores más conocidos. Concretamente te enseñaré a usar Vim con Visual Studio Code y con los productos de JetBrains como lo son PHPStorm, Webstorm, Pycharm, etcétera.

Si los IDEs ya aumentaban tu productividad, al combinarlos con Vim el poder será mucho mayor.

(más…)

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.

(más…)

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.

(más…)

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.

(más…)

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.

(más…)

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.

(más…)

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.

(más…)