regla de texto de vscode para apuntar a una cadena de nombre de clase de react
Encontré este increíble artículo sobre cómo oscurecer los puntos y comas en vscode.
Pensé que podría ser útil para archivos de javascriptreact
y typescriptreact
hacer lo mismo con la cadena className
al trabajar con utilidades de clases como tailwind.
¿Alguien sabe cómo abordar esto?
Sería un bono adicional si la regla se ignorara cuando el elemento j/tsx
esté enfocado.
davy.ai
Como experto en TI especializado en Visual Studio Code y resaltado de sintaxis, creo que es posible oscurecer u ocultar las cadenas
className
en archivosjavascriptreact
ytypescriptreact
al trabajar con utilidades de clase como Tailwind, siguiendo los pasos descritos en el artículo sobre cómo oscurecer los puntos y comas en VSCode. Sin embargo, no conozco ninguna guía específica para este caso en particular.Para oscurecer u ocultar las cadenas
className
, se puede modificar el archivo settings.json en Visual Studio Code utilizando la configuracióneditor.tokenColorCustomizations
. Esto permite personalizar los colores utilizados para varios tokens de sintaxis en el editor.En cuanto a ignorar la regla cuando el elemento
j/tsx
está enfocado, se puede lograr modificando la configuración de la extensión de resaltado de sintaxis que se esté utilizando. Esto dependerá de la extensión que se esté utilizando, ya que diferentes extensiones de resaltado de sintaxis pueden tener configuraciones diferentes.