IntelliJ IDEA prettier 插件不应用给定的配置

Question

我安装了用于 Web 开发的 IntelliJ Prettier 插件。不幸的是，我无法指定自定义配置，其中包含以下行："prettier.singleQuote": true。

我尝试过的：在Languages & Frameworks > JavaScript > Prettier我指定了一次全局和一次项目特定的更漂亮的安装。（在屏幕截图中您将看到全局包）。

.prettierrc不考虑配置文件，我尝试在项目所在的根目录中创建一个文件package.json。配置文件看起来像这样

.prettierrc

{
  "prettier.printWidth": 5,
  "prettier.trailingComma": "none",
  "prettier.singleQuote": true
}

由于这不起作用，我将其重命名为.prettierrc.json也不起作用。然后我尝试在我的项目中使用“prettier”标签，package.json如下所示：

  "devDependencies": {
    "enzyme": "^3.3.0",
    "enzyme-adapter-react-16": "^1.1.1",
    "enzyme-to-json": "^3.3.3",
    "jest-fetch-mock": "^1.5.0",
    "jest-styled-components": "5.0.0",
    "prettier": "^1.13.5",
    "react-test-renderer": "^16.2.0"
  },
  "prettier": {
    "prettier.singleQuote": true
  },

尽管如此，当我用CTRL+ALT+SHIFT+P它进行格式化时，仅应用默认配置而不是提供的配置，从而将所有现有的单引号替换为双引号。

我还尝试了这里提到的一些方法（IntelliJ 论坛），但这对我来说也不起作用。我缺少什么？（还尝试了绝望的IDEA重启...）

Answer 1

我假设 Prettier 已安装。

要配置 prettier，您必须转到 > 设置 > 工具 > 外部工具

创建 prettier 操作，按照屏幕截图获取命令。

按照以下步骤在 js 文件上应用 prettier

1. 打开文件
2. 按 Ctrl+shift+a 或右键单击文件 > 外部工具 > Prettier（操作名称）
3. 输入您的操作名称（您给出的更漂亮的名称）
4. 按回车键

请点击此处了解更多信息。

Answer 2

https://intellij-support.jetbrains.com/hc/en-us/community/posts/360002745119-How-to-have-Reformat-Code-feature-behave-exactly-like-Prettier-

“您可以随时使用 .prettierrc 右键菜单中的应用 Prettier 代码样式规则重新导入设置：

”