https://code.visualstudio.com/docs/languages/css
Ninguno de los complementos actuales puede hacerlo. Estoy realmente sorprendido. ¡incluso intellij tiene este soporte!
Además, la respuesta de vscode en sí tampoco es un poco útil.
https://github.com/Microsoft/vscode/issues/36485
Cualquier pista sobre cómo crear dicho complemento, parece que no debería ser realmente difícil, ya que en realidad solo se trata de transferir la función de una extensión de archivo a otra.
Alguien capaz de resolver esto?
encontré colorear que puede resaltar JavaScript y Mecanografiado (entre otros) GitHub
En tus settings.json en Código VSC simplemente agregue los idiomas a los que le gustaría orientar:
"colorize.languages": ["typescript", "javascript", "css", "scss"]
-
lo tengo trabajando con
"colorize.include": ["**/*.coffee"]-Nitsan Baleli
8 de diciembre de 2019 a las 8:47
-
¿Esta extensión tiene un selector de color? O solo resalta los colores? Lo instalé pero no hay selector de color en jsx
– Ali Mert Çakar
17 de julio de 2020 a las 7:34
-
@AliMertCakar lamentablemente “Colorear” no incluye un color recogedor, solo resalta las cadenas de color conocidas. Acabo de cambiar de eso a “JSON Color Token”. si aún no lo ha hecho en los casi 2 años desde que publicó este comentario, le recomiendo que lo revise… 🙂
– André Greeff
23 de abril de 2022 a las 9:58
-
@AndreGreeff Lo he comprobado y estoy usando “Color Highlight”. Funciona en archivos .tsx para mí. Ni siquiera me recuerdo comentando esto 🙂
– Ali Mert Çakar
24 de abril de 2022 a las 0:19
-
Esto no responde a la pregunta que se refiere al color.
pickery no solo un colorhighlight– Monstar
14/06/2022 a las 17:53
Actualizando para esta pregunta. Parece:
https://marketplace.visualstudio.com/items?itemName=AntiAntiSepticeye.vscode-color-picker
agrega un selector de color que brinda funcionalidad a otros idiomas.
Probado personalmente y funciona en mecanografiado. Es relativamente nuevo, por lo que no tiene muchas descargas o instalaciones, pero funciona como se anuncia.
-
¡Esto funciona muy bien! ¡Gracias! Esta definitivamente debería ser la nueva respuesta correcta, porque agrega la misma funcionalidad de color de los archivos css a cualquier otro tipo de archivo. (python, js, etc)
– Zack Plauché
6 de diciembre de 2021 a las 15:26
-
Exactamente lo que estaba buscando. ¡Gracias!
– TribeOfOne
12 de febrero de 2022 a las 14:32
-
esto no me funciono :c
– Ezequiel Guitler
20 de febrero de 2022 a las 19:39
-
@ezequiel-guitler Asegúrese de agregar el idioma que está usando en settings.json, así:
"vscode-color-picker.languages": ["python", "javascript", "typescript", "typescriptreact"]– hf02
28 de julio de 2022 a las 3:12
amit
A cualquiera que use colorear y quiere que funcione en su proyecto React (CSS en JS y tal) use:
"colorize.languages": ["javascriptreact", "javascript", "css", "scss"]
ya que aparentemente se necesita “javascriptreact” y no “javascript”
Para TypeScript en React use “typescriptreact”.
extensión VS Token de color JSON es capaz de mostrar el selector de color nativo en cualquier idioma.
Para que esto funcione con JS y React, agregue esto en la configuración de VS Code.json:
"jsonColorToken.languages": [
"json",
"jsonc",
"javascript",
"javascriptreact"
]
Fuente: https://github.com/YECHUNAN/json-color-token/issues/2#issuecomment-977261832
La capacidad de ver un decorador de color frente a los formatos de color css-stle o invocar un selector de color independiente en cualquier lugar se encuentra actualmente en vscode Insiders v1.78.
Demostración en archivos ts y jsx:
Configuración: Editor: Default Color Decorators
Dominio: Show or Focus Standalone Color Picker
Vea más en https://stackoverflow.com/a/76066924/836330
-
¡Aquí está la respuesta! Por qué instalar extensiones. Pero observé que funciona en tsx solo cuando hay un objeto StyleSheet importado, ya sea en blanco o con estilos. const estilos = StyleSheet.create({});
– Rohit Parte
19 de junio a las 11:58
-
Tengo un comportamiento extraño, no estoy seguro de si esto se debe a alguna otra extensión que tengo. Pero al activar esto y luego volver a cargar la ventana, veo las vistas previas en mi tailwind.config.js durante un par de segundos, luego desaparecen, así que estoy buscando por qué sucede eso.
– lacardón
26 de junio a las 12:57
-
actualización: descubrí que es la extensión Talwind CSS Intellisense, así que probablemente abriré un problema
– lacardón
26 de junio a las 13:10
ey dee ey em
Hay una posible implementación con vscode-color-info de wayncheng
Agregar el siguiente código a colorInfo.languages en settings.json debería funcionar. Asegúrese de incluir también todos los idiomas predeterminados para que no estén deshabilitados.
{
"selector": "javascript",
"colors": "css"
}
Entonces su configuración.json debería verse así:
"colorInfo.languages": [
{
"selector": "css",
"colors": "css"
},
{
"selector": "sass",
"colors": "css"
},
{
"selector": "scss",
"colors": "css"
},
{
"selector": "less",
"colors": "css"
},
{
"selector": "html",
"colors": "css"
},
{
"selector": "javascript",
"colors": "css"
}
]
-
¡Aquí está la respuesta! Por qué instalar extensiones. Pero observé que funciona en tsx solo cuando hay un objeto StyleSheet importado, ya sea en blanco o con estilos. const estilos = StyleSheet.create({});
– Rohit Parte
19 de junio a las 11:58
-
Tengo un comportamiento extraño, no estoy seguro de si esto se debe a alguna otra extensión que tengo. Pero al activar esto y luego volver a cargar la ventana, veo las vistas previas en mi tailwind.config.js durante un par de segundos, luego desaparecen, así que estoy buscando por qué sucede eso.
– lacardón
26 de junio a las 12:57
-
actualización: descubrí que es la extensión Talwind CSS Intellisense, así que probablemente abriré un problema
– lacardón
26 de junio a las 13:10
翁于宸
Funciona para usar "colorize.include": ["**/*.js"] en mi proyecto crear-reaccionar-aplicación