VSX中针对非camelCase组件道具的JSX语法突出显示

时间:2018-08-28 22:02:08

标签: javascript reactjs visual-studio-code syntax-highlighting jsx

最近更新的VSCode破坏了未使用camelCase编写的任何组件props的语法高亮显示。

如何将设置更改为“允许”并正确突出显示?

.eslintrc.json

{
    "parser": "babel-eslint",
    "parserOptions": {
        "ecmaVersion": 2018,
        "sourceType": "module",
        "ecmaFeatures": {
            "module": true,
            "jsx": true
        }
    },
    "rules": {
        "object-curly-spacing": [1, "always"],
        "semi": ["error", "always"],
        "indent": ["error", 2],
    }
}

Example of broken syntax highlighting for props in a React JSX component in VS Code

1 个答案:

答案 0 :(得分:0)

类似的东西在最新版本中已得到修复。在发行说明中找不到任何有关它的内容,但现在问题已经解决了。

https://code.visualstudio.com/updates/v1_27