Saltar al contenido

¿Hay alguna forma de poner en cursiva los comentarios en Visual Studio Code?

Solución:

Gracias por indicarme la dirección correcta, Víctor. Poner esto en mi archivo de configuración (Visual Studio Code 1.42.1) hizo el truco:

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "scope": "comment",
      "settings": {
        "fontStyle": "italic"
      }
    }
  ]
}

Puede ver los ámbitos del selector presionando ctrl/cmd + shift + py buscando Developer: Inspect Editor Tokens and Scopes.

Puede aplicar la configuración a varios ámbitos proporcionando una matriz:

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "name": "Comment",
      "scope": [
        "comment",
        "comment.block",
        "comment.block.documentation",
        "comment.line",
        "comment.line.double-slash",
        "punctuation.definition.comment",
      ],
      "settings": {
        "fontStyle": "italic",
        // "fontStyle": "italic underline",
        // "fontStyle": "italic bold underline",
      }
    },
  ]
},

Relacionado: ¿Cómo consigo que Visual Studio Code muestre fuentes en cursiva en código formateado?

Sí, hay formas de lograrlo.

Esta respuesta se aplica a Microsoft Windows (versión 10.0.14393) y Visual Studio Code 1.14.2.

Si está utilizando un tema instalado de Extension MarketPlace, sus archivos se encuentran en C:Users<YourUsername>.vscodeextensions.

Digamos que está utilizando Kal.theme-glacier. El archivo de tema es este:

C:Users<YourUsername>.vscodeextensionsKal.theme-glacier-0.0.1themesglacier.tmTheme

Edite el archivo en cualquier editor de texto (se recomienda Notepad ++)
Visual Studio Code no debe ejecutarse mientras se editan archivos de tema o es posible que deba reiniciar Visual Studio Code.

Encuentra el nombre de la clave Comment y cambia el FontStyle para italic. El bloque final de código debería verse así:

<dict>
    <key>name</key>
    <string>Comment</string>
    <key>scope</key>
    <string>comment</string>
    <key>settings</key>
        <dict>
            <key>fontStyle</key>
            <string>italic</string>
            <key>foreground</key>
            <string>#515c68</string>
        </dict>
</dict>

Si está utilizando un tema predeterminado (no instalado desde Extension MarketPlace), entonces la ubicación es aquí:

C:Program Files (x86)Microsoft VS Coderesourcesappextensionstheme-<name>.

Digamos que está usando el tema Light + (luz predeterminada).

El archivo que desea ver primero es
C:Program Files (x86)Microsoft VS Coderesourcesappextensionstheme-defaultsthemeslight_plus.json

Encontrarás que no hay Comment teclea aquí pero te darás cuenta "include": "./light_vs.json" Entonces este es el archivo real que desea editar. Bloque final en C:Program Files (x86)Microsoft VS Coderesourcesappextensionstheme-defaultsthemeslight_vs.jsondebería verse así:

{
    "scope": "comment",
    "settings": {
        "foreground": "#009000",
        "fontStyle": "italic"
    }
},

Se publica una respuesta más completa en el rastreador de problemas de Visual Studio Code GitHub: Desactivar la opción de cursiva Solicitud de característica # 32579 (Temas)

Por ejemplo:

punctuation.definition.comment para deshabilitar la cursiva en los caracteres que crean comentarios (como: // y otros).

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": [
                "comment",
                "punctuation.definition.comment",
                "variable.language"
            ],
            "settings": {
                "fontStyle": ""
            }
        }
    ]
}
¡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 *