VS Code 中的更漂亮 - 在双引号内格式化双引号答案

【问题标题】：Prettier in VS Code - Format double quotes inside double quotesVS Code 中的更漂亮 - 在双引号内格式化双引号
【发布时间】：2020-10-17 02:24:08
【问题描述】：

我在 VS Code 中使用 Prettier 扩展。我想要代码中的双引号。 “jsxSingleQuote”和“singleQuote”设置为false。

当我在这行代码上运行格式时

var hello = "\"hello\"";

Prettier 将其格式化为：

var hello = '"hello"';

我要保留双引号，代码行不应该被格式化！

以下是设置：

{
  "arrowParens": "always",
  "bracketSpacing": true,
  "endOfLine": "lf",
  "htmlWhitespaceSensitivity": "css",
  "insertPragma": false,
  "jsxBracketSameLine": false,
  "jsxSingleQuote": false,
  "printWidth": 80,
  "proseWrap": "preserve",
  "quoteProps": "as-needed",
  "requirePragma": false,
  "semi": true,
  "singleQuote": false,
  "tabWidth": 2,
  "trailingComma": "es5",
  "useTabs": false,
  "vueIndentScriptAndStyle": false,
  "filepath": "..../app.js",
  "parser": "babel"
}

【问题讨论】：

标签： visual-studio-code prettier

【解决方案1】：

这符合预期。来自https://github.com/prettier/prettier/tree/21733e441dc01f7d85b483edee92b7e7507bfd9a#quotes：

如果报价的数量超过另一个报价，则报价是 less used 将用于格式化字符串 - 示例：“I'm double 引用”导致“我被双引号”和“这个“示例”是单引号”导致“这个“示例”是单引号的”。

【讨论】：

您在技术上是正确的，但问题是“如何以另一种方式实现它”，而不是“为什么会这样”。

【解决方案2】：

尝试，在根级别创建文件.prettierrc，即package.json的兄弟，属性singleQuote设置为true，如下所示：

{
  "singleQuote": true
}

【讨论】：