webstorm2020.1，使用prettier格式化代码不生效

Question

webstorm2020.1版本，webstorm官方说已经支持prettier格式化代码了。我按照prettier官方说明安装webstorm的prettier插件，打开webstorm配置选项：

同时，在工程根路径下新建.prettier.js文件，内容如下：

module.exports = {
  trailingComma: "es5",
  tabWidth: 4,
  semi: true,
  singleQuote: true,
  arrowParens: "always",
};

项目本地和全局已经安装了prettier

"devDependencies": {
    "prettier": "^2.0.5"
  }

然后使用格式化快捷键Alt-Shift-Cmd-P格式化js和vue文件，并没有任何效果。

请问问题出在哪里呢？

Answer 1

我没用过 webstorm，但我在 vscode 里面碰到了类似的问题，把我的解决方法提供给你参考一下：

"tabSize": 4,
"useTabs": false,

把这几行加进去，useTabs true 和 false 都试试。

Answer 2

需要在prettier 包那里选择node_modules下的prettier包