VS Code Prettier 扩展将单引号替换为双引号并删除反斜杠

Question

我正在做一个 Angular 项目，最近我开始使用 VSCode。 我正在使用 Prettier 扩展（版本：1.19.1）并且它工作正常，唯一的问题是它不允许编写所需的正则表达式。 Prettier 将单引号改为双引号，并在保存后删除反斜杠。

例如：

• '^[a-zA-Z \\-\\']+'变成了"^[a-zA-Z -']+"

• /^\\-?\\d+((\\.|\\,)\\d+)?$/变成/^-?d+((.|,)d+)?$/

已安装 VSCode 扩展

• Angular 片段（第 9 版）
• 支架对着色器
• 电源外壳
• 更漂亮的代码格式化程序
• 代码格式化程序设置图标

我遵循了许多说明，例如添加.prettierrc文件、更改settings.json文件中的配置，但没有一个有用。

这是我的.prettierrc.json文件：

{
  "trailingComma": "all",
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true
}

这是settings.json文件：

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "editor.formatOnPaste": false,
  "prettier.jsxSingleQuote": true,
  "prettier.singleQuote": true,
  "emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html",
    "razor": "html",
    "plaintext": "jade"
 },
 "emmet.preferences": {
   "css.webkitProperties": "border-right,animation",
    "css.mozProperties": "",
   "css.oProperties": null,
   "css.msProperties": null
 },
 "[javascript]": {
   "editor.formatOnSave": true
 },
   "workbench.iconTheme": "seti"
 }

这是tslint.json文件：

rules : {
  ...
  "quotemark": [true, "single"],
  ...
}

.editorconfig文件

  root = true

  [*]
  charset = utf-8
  indent_style = space
  indent_size = 2
  insert_final_newline = true
  trim_trailing_whitespace = true

  [*.md]
  max_line_length = off
  trim_trailing_whitespace = false

我究竟做错了什么？

Answer 1

可以查看https://stackoverflow.com/search?q=double+quote+visual+studio 里面有vs截图和说明。 我强调这个问题已经被问到了。

你必须写 \\\\ 让编辑留下一个，根据这个答案 4 写两个： https : //github.com/prettier/prettier/issues/2789

我希望它有帮助！