reactjs 如何在Visual Studio Code中为组件标记添加颜色？

taor4pac 于 5个月前发布在 React

关注(0)|答案(4)|浏览(72)

我正在学习React，我观察到一些人在JSX格式下使组件标签的颜色与普通HTML标签不同。然而，我真的找不到这样做的扩展（尝试过更漂亮的和React片段等）。我想知道是什么使这种行为成为可能？

的数据

reactjs

来源：https://stackoverflow.com/questions/68440658/how-to-add-color-to-component-tags-in-visual-studio-code

4条答案

按热度按时间

guykilcj1#

在“settings.json”中：

"textMateRules": [
    {
        "name": "component tags",
        "scope": [
            "entity.name.tag", // HTML tags
            "support.class.component", // JSX/TSX Component tags
        ],
        "settings": {
            "foreground": "red",
        }
    }

字符串

赞(0）回复(0）举报 5个月前

nhjlsmyf2#

原来这是一个内置的Visual Studio Dark+默认的深色主题。颜色的标签名称由亚历克斯提出也工作，只是不同的颜色。

赞(0）回复(0）举报 5个月前

falq053o3#

移除Babel扩展为我修复了它。

赞(0）回复(0）举报 5个月前

fcy6dtqo4#

添加Babel JavaScript扩展

赞(0）回复(0）举报 5个月前