¿Es posible mostrar los caracteres de espacio en blanco, como el carácter de espacio, en Visual Studio Code?
No parece haber una opción para ello en el settings.json
(aunque es una opción en Atom.io), y no he podido mostrar los caracteres de espacio en blanco usando CSS.
Código VS 1.6.0 y superior
Tal y como menciona aloisdg, editor.renderWhitespace
es ahora un enum que toma como referencia none
, boundary
o all
. Para ver todos los espacios en blanco:
"editor.renderWhitespace": "all",
Antes de VS Code 1.6.0
Antes de la versión 1.6.0, tenía que establecer editor.renderWhitespace
a true
:
"editor.renderWhitespace": true
Para aquellos dispuestos a cambiar los caracteres de los espacios en blanco usando un atajo de teclado, puedes añadir fácilmente un keybinding para ello.
En las últimas versiones de Visual Studio Code ahora hay una interfaz gráfica fácil de usar (es decir, no hay necesidad de escribir datos JSON, etc) para ver y editar todos los atajos de teclado disponibles. Todavía está bajo
Archivo > Preferencias > Atajos de teclado* (o use Ctrl+K Ctrl+S)
También hay un campo de búsqueda para ayudar a encontrar rápidamente (y filtrar) los keybindings deseados. Así que ahora tanto la adición de nuevos y la edición de los keybindings existentes es mucho más fácil:
[]
La activación de los caracteres de espacio en blanco no tiene una combinación de teclas por defecto, así que siéntete libre de añadir una. Sólo tienes que pulsar el signo + a la izquierda de la línea relacionada (o pulsar Enter, o hacer doble clic en cualquier lugar de esa línea) e introducir la combinación deseada en la ventana emergente.
Y si la combinación de teclas que ha elegido ya se utiliza para alguna otra acción(es), habrá una conveniente advertencia en la que podrá hacer clic y observar qué acción(es) ya utilizan la combinación de teclas elegida:
[]
Como puedes ver, todo es muy intuitivo y conveniente.
¡Buen trabajo, Microsoft!
Para aquellos que deseen alternar los caracteres de los espacios en blanco utilizando un atajo de teclado, puede añadir un enlace personalizado al archivo keybindings.json (Archivo > Preferencias > Atajos de teclado).
Ejemplo:
// Place your key bindings in this file to overwrite the defaults
[
{
"key": "ctrl+shift+i",
"command": "editor.action.toggleRenderWhitespace"
}
]
Aquí he asignado una combinación de Ctrl+Shift+i para alternar los caracteres invisibles, por supuesto puedes elegir otra combinación.