• home > tools > CodeEditor > intelliJ >

    intellij/webStorm怎么与vsCode代码统一:代码格式化冲突解决

    Author:zhoulujun Date:

    之前搞java的时候习惯了intelliJ ,现在换成webstorm,但是前端还是使用vscode 的居多,在团队中如何保证两边代码格式化话一致(除了pret

    之前搞java的时候习惯了intelliJ ,现在换成webstorm,但是前端还是使用vscode 的居多,在团队中如何保证两边代码格式化话一致(除了prettier 外)?


    • 自闭合的标签,闭合前补充空格

      • Settings > Editor > Code Style > HTML > Other(Tab页) > 勾选 in empty tag

    • <script></script>标签内代码默认缩进,与eslint规则冲突

      • 修改IDEA或webstorm配置

        • File => Setting => Editor => Code Style => HTML

        • 找到 Do not indent children of 的选项

        • 添加 script 标签。

    • 句尾冒号分割,永远使用单引号,多行保留最后一项的逗号

      • Settings > Editor > Code Style > JavaScript > Punctuation(Tab页) >

        • use semicolon to terminate statement always

        • use single quotes always

        • Trailing comma Add when multiline

    • 使用空格代替tab,tab展示为两个空格,代码缩进为两个空格 

      • Settings > Editor > Code Style > JavaScript > Tabs and Indents(Tab页) > 不勾选 Use Tab character

        • Tab Size: 2

        • Indent: 2

        • Continuation indent: 2

    • 对象花括号和中间键值填充空格(包括ES6 的import export)

      • Settings > Editor > Code Style > JavaScript > Spaces(Tab页) > Within > 勾选Object literal braces 和 ES6 import/export braces

    如果使用,TS 需要做同样的处理

    个人配置文件:https://cdn.zhoulujun.cn/softback/intellij/settings.zip




    参考资料:

    解决WebStorm与VSCode的代码格式化冲突 https://blog.csdn.net/Azhuzhu_chaste/article/details/106636056

    Webstorm与vscode自动格式化问题 https://blog.csdn.net/weixin_43236610/article/details/83623369




    转载本站文章《intellij/webStorm怎么与vsCode代码统一:代码格式化冲突解决》,
    请注明出处:https://www.zhoulujun.cn/html/tools/CodeEditor/intelliJ/2022_0930_8880.html