IntelliJ IDEA 更漂亮的插件不应用给定的配置

Question

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

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

与配置文件无关，我尝试在 package.json 所在的项目根目录中创建一个 .prettierrc 文件。配置文件如下所示

.prettierrc

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

由于这不起作用，我将其重命名为 .prettierrc.json，这也不起作用。然后我尝试在我的项目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 格式化时，它只应用默认配置而不是提供的配置，从而将所有现有的单引号替换为双引号。

我还尝试了here（IntelliJ 论坛）提到的一些东西，但对我也不起作用。我错过了什么？ （也尝试了绝望的IDEA重启......）

Answer 1

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

“您可以随时使用 .prettierrc 右键菜单中的 Apply Prettier Code Style Rules 重新导入设置：

"

Answer 2

我假设 prettier 已安装。

要配置更漂亮，您必须转到 > 设置 > 工具 > 外部工具

创建更漂亮的操作， 按照屏幕截图获取命令。

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

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

请click 这里了解更多信息。