• home > tools > CodeEditor > intelliJ >

    jetbrains系列(webstrom/intelliJ)react class自动转为className

    Author:zhoulujun Date:

    vue里面的tsx代码复制粘贴后,class自动转为className,导致无法编译。jetbrains系列的编辑器这么取消这个转换设置?

    在vue项目中式tsx,发现复制的jsx代码,class自动转为className,导致编译不通过。虽然可以通过bable设置,可以支持className,但是。

    react本身现在可以直接使用class了,而不是className(使用className这个是之前的写法)

    在vscode不会有这个问题。始终没有找到怎么设置 这个属性

    • Preferences | Editor | Code Style | TypeScript

      • jetbrains://WebStorm/settings?name=Editor--Code+Style--TypeScript

    • Preferences | Editor | Code Style | JavaScript

      • jetbrains://WebStorm/settings?name=Editor--Code+Style--JavaScript

    都没有找到相关设置。今天终于在google上面找到了设置的办法:https://youtrack.jetbrains.com/issue/WEB-32544

    在Smart Keys选项里面设置

    • Settings (Preferences)|Editor|General|Smart Keys.

      • jetbrains://WebStorm/settings?name=Editor--General--Smart+Keys--HTML%2FCSS

    关掉Convert html attributes on paste in jsx

    webstorm关掉class转className

    这个代码就不会自动转换 class 到className了

    但是个不好的点就是,这个月复制的diamante格式也不会帮你自动转换了

    暂时先这么改吧




    转载本站文章《jetbrains系列(webstrom/intelliJ)react class自动转为className》,
    请注明出处:https://www.zhoulujun.cn/html/tools/CodeEditor/intelliJ/2022_0319_8775.html