intellij/webStorm怎么与vsCode代码统一:代码格式化冲突解决
Author:zhoulujun Date:
之前搞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