Saltar al contenido

Personalización del resaltado de sintaxis en Visual Studio Code

Agradeceríamos tu ayuda para compartir nuestras crónicas con relación a las ciencias informáticas.

Solución:

Hay dos conceptos en juego aquí:

  • gramáticas del lenguaje, que convierten un archivo de texto en tokens con diferentes alcances, y
  • temas, que colorean esos alcances de una manera (con suerte) agradable a la vista.

Si está escribiendo su propia gramática, o convirtiendo desde TextMate, etc., existe la posibilidad de que esté utilizando ámbitos diferentes a los definidos por el tema. En ese caso, no habrá una distinción clara entre los tokens que defina, incluso si realmente están definidos.

Hay dos formas de salir de esto. La primera es ampliar un tema con sus ámbitos personalizados y colorearlos como desee. No es realmente una buena manera de hacerlo, a menos que a todos los que usan su idioma también les guste su combinación de colores. La otra es usar los (conjunto limitado de) ámbitos ya definidos y coloreados por VSCode y los autores del tema. Lo más probable es que su lenguaje se verá bien en el tema que elija y lo suficientemente bueno en otros.

Para darle un ejemplo, aquí está el comment ámbito definido por el tema VSCode oscuro predeterminado.

"nombre": "Dark Visual Studio", "configuración": [
    
        "scope": "comment",
        "settings": 
            "foreground": "#608b4e"
        
    ,

and here’s the equivalent language snippet from the C++ grammar:

"comments": {
    "patterns": [
        
            "captures": 
                "0": 
                    "name": "punctuation.definition.comment.java"
                
            ,
            "match": "/\*\*/",
            "name": "comment.block.empty.java"
        ,

Basically, the language defines multiple tokens under comment, as needed, and since the theme says that comment.* will be green, they all get colorized the same.

There is no need to patch the theme, from the official documentation:

To tune the editor’s syntax highlighting colors, use editor.tokenColorCustomizations in your user settings settings.json file

Besides simple token customization you can fully override the TextMate rules with a slightly more complex setting, for example:

"editor.tokenColorCustomizations": "textMateRules": [
        "scope": "keyword.control.ref.latex",
        "settings": 
            "foreground": "#FF0000"
        
    ]

Resaltado de sintaxis Las reglas se almacenan en .plist archivos (o alternativamente en .tmLanguage archivos). En esos archivos se declaran diferentes tipos de tokens para resaltar la sintaxis:

  • ¿Qué es una palabra clave?
  • que es un string ¿literal?
  • ¿Qué es un comentario?
  • etc

Eche un vistazo aquí para obtener más información al respecto: https://code.visualstudio.com/Docs/customization/colorizer

Usted no define los colores en .plist archivos!

La relación entre tipos de fichas y colores se realiza en declaraciones de tema de color.

Obtenga más información al respecto aquí https://code.visualstudio.com/Docs/customization/themes y aquí ¿Cómo agregar un tema en Visual Studio Code?

En general, este documento también es útil cuando intenta extender VSCode: https://code.visualstudio.com/docs/extensionAPI/overview

Si para ti ha resultado provechoso nuestro post, sería de mucha ayuda si lo compartes con el resto programadores de esta manera contrubuyes a dar difusión a nuestro contenido.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *