WebStrom 与 eslint 格式化代码冲突

问题

当Vue项目采用了 eslint+prettier 控制代码风格时,WebStorm 默认的格式化代码(Reformat Code) 会和这套工具的代码风格冲突。具体表现是:我们是用 Ctrl+Shift+F 格式化代码,格式化后WebStrom 反而出现很多黄色警告。
WebStrom 与 eslint 格式化代码冲突

解决

采用 prettier 来格式化代码,不使用 WebStrom 自带代码格式化工具。

打开WebStorm , File->Settings->Keymap,搜索 reformat ,找到 ReformatCodeReformatCode with Prettier, 将常用的格式化快捷键 Ctrl+Shift+F 设置给后者。
WebStrom 与 eslint 格式化代码冲突