visual-studio-code - visual - vscode autocomplete html tags

Brace personalizado resaltado en Visual Studio Code

Question

¿Es posible personalizar el resaltado de refuerzo en el código de Visual Studio? Parece que casi todo lo demás es personalizable a través de la configuración del usuario y del área de trabajo, así como de los temas de compañero de texto. Independientemente del resaltado de sintaxis que emplee, las llaves siempre tienen el mismo contorno / rectángulo gris claro alrededor de ellas. No veo una configuración de usuario / espacio de trabajo existente o un ámbito de compañero de texto que aborde esta característica específica.

En última instancia, me gustaría tener un resaltado de color sólido de corchetes, similar a lo que obtendría con el tema oscuro predeterminado en Visual Studio 2013 y 2015.

Answer 1

Ahora es posible resaltar y cambiar los colores de los soportes en el Código VS.

Puede probar los corchetes sutiles de esta extensión modificando los siguientes valores predeterminados en la configuración .json del Código VS:

Lo cambié así:

"subtleBrackets.bracketPairs": [
"{}",
"[]",
"()",
"<>"
],
"subtleBrackets.styles": {
"global": {
"color": "yellow",
"borderWidth": "1px",
"borderStyle": "none none solid none"
}
}

No olvide establecer en "falso" el valor de .matchbrackets de VS Code.

"editor.matchBrackets": false

Answer 2

Para futuras referencias, vscode ahora tiene la opción de cambiar el color del resaltado de corchetes agregando esto a settings.json :

"workbench.colorCustomizations" : {
"editorBracketMatch.background": "#f008",
"editorBracketMatch.border": "#f00"
}

Los formatos admitidos son #RGB , #RGBA , #RRGGBB , #RRGGBBAA . El rgba(255,255,255,1) que parece funcionar en otros lugares en el archivo de configuración parece no funcionar aquí.

La única característica que todavía falta en este tema es el resaltado de corchetes cuando el cursor está entre corchetes. Solo se resaltan cuando se selecciona uno de los corchetes. No encontré una solución actual buscando en la Configuración o en workbench.colorCustomizations .

Actualización 2018.04.21 Ahora hay un complemento llamado Bracket Pair Colorizer que muestra los corchetes actuales además del número de línea, sin importar dónde se coloque el cursor dentro de los frenos. Pero en hardware más lento (computadora portátil i5 de 3ª generación) encontré desaceleración al editar archivos grandes (archivo php de más de 3000 líneas). Y el complemento alternativo que se desempeña bien en el mismo archivo y resalta la sangría actual es la Guides .

Answer 3

Puedes cambiar el color de resaltado aquí:

Herramientas -> Opciones -> Entorno -> Fuente y colores

• Correspondencia de corsé (destacado)

y para resaltar el rectángulo:

• Juego de corsé (rectángulo)