WebStrom 与 eslint 格式化代码冲突

问题

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

解决

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

打开WebStorm ， File->Settings->Keymap，搜索 reformat ，找到 ReformatCode 和 ReformatCode with Prettier， 将常用的格式化快捷键 Ctrl+Shift+F 设置给后者。