JSX 的语法高亮显示在 VS Code 中针对非驼峰式组件道具损坏

Posted

技术标签:

【中文标题】JSX 的语法高亮显示在 VS Code 中针对非驼峰式组件道具损坏【英文标题】:Syntax highlighting for JSX broken in VS Code for non-camelCase component props 【发布时间】:2019-02-03 14:43:01 【问题描述】:

最近 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],
    

【问题讨论】:

【参考方案1】:

看起来这已在最新版本中得到修复。在发行说明中找不到任何关于它的信息,但问题现在已经解决了。

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

【讨论】:

以上是关于JSX 的语法高亮显示在 VS Code 中针对非驼峰式组件道具损坏的主要内容,如果未能解决你的问题,请参考以下文章

Visual Studio 2015 JSX/ES2015 语法高亮

VScode 怎么才能有语法高亮

VScode 怎么才能有语法高亮

如何把VS Code的Language Server Protocol整合到Eclipse中来

vs code插件

如何在VS Code中启用自动格式化.jsx文件的Prettier?