VSCode单双引号自动替换

Question

当我Format Document在Vue Component.vue文件上执行命令时,VSCode用双引号字符串替换所有单引号字符串.

在我的特定情况下,此规则与需要单引号的electron-vue lint配置冲突.

我没有安装更漂亮的扩展程序(在我的设置中没有prettier.singleQuote)

如何自定义vscode以避免这种情况？

Answer 1

我没有安装prettier扩展程序,但在阅读了可能的重复答案后,我在用户设置(UserSetting.json,Ctrl +,快捷方式)中从头开始添加:

"prettier.singleQuote": true

一部分是绿色警告(Unknown configuration setting)单引号不再被替换.

我怀疑更漂亮的扩展是不可见的,但嵌入在Vetur扩展中.

Answer 2

对于.editorconfig默认使用文件的项目。格式化程序将忽略设置中的规则并使用 中的规则.editorconfig，然后您可以：

• 删除.editorconfig文件，并使用您的 VSCode 设置。
• 添加quote_type = single到.editorconfig与您的文件类型相关的文件中。您还可以将quote_type值设置为double或auto。

Answer 3

看起来这是一个针对此问题的错误：Prettier Bug

以上解决方案都不适合我。 唯一有效的是，在 package.json 中添加这行代码：

"prettier": {
    "singleQuote": true
  },

Answer 4

好吧,就像那个人(@ user2982122)提到的那样,而不是文件转到代码 - >首选项 - >设置,然后查找引用,选择Prettier并选中两个框

Answer 5

请考虑.editorconfig覆盖所有内容，请使用：

[*]
quote_type = single

Answer 6

安装更漂亮的扩展并将以下代码粘贴到您的 VSCodesettings.json文件中

 "prettier.useEditorConfig": false,
 "prettier.singleQuote": true

这将忽略您的.editorconfig文件设置。

Answer 7

From the vuejs/vetur issue page https://github.com/vuejs/vetur/issues/986# This solution worked for me.

In VSCodes settings.json file add this entry

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "singleQuote": true
    }
},

Answer 8

对我有用的是设置.prettierrc.json配置文件。使用如下示例配置将其放入项目的根目录：

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

触发格式化文档命令后，一切都按预期工作。

旁注：这个解决方案的一个好处是，由于当前的配置文件，每个团队成员都能获得相同的格式输出。

Answer 9

正确的解决办法：

我在主根项目中添加 .prettierrc.js 文件并编写

module.exports = {
    singleQuote: true
  };

Answer 10

首先，安装Prettier扩展。在项目的根目录下创建一个.prettierrc配置文件。并添加如下配置：

{
  "trailingComma": "es5",
  "singleQuote": true,
  "jsxSingleQuote": true,
  "printWidth": 100,
  "tabWidth": 2,
  "semi": true,
  "endOfLine": "auto"
}

Answer 11

尝试以下解决方案之一

1. 在 vscode settings.json 文件中添加这个条目 "prettier.singleQuote": true
2. 在 vscode 如果你有.editorconfig文件，在根 [*] 符号下添加这一行quote_type = single
3. 如果你有.prettierrc文件，在 vscode 中添加这一行

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Answer 12

在解决这个问题之后，我发现了一个有用的工具。如果您单击Prettier右下角的单词，您将打开窗口Output。在该窗口中，一旦运行格式化（在我的例子中是Alt + Shift + F），您将看到 prettier 将用于格式化文档的所有配置。prettier所以，我们可以清楚地看到，在 the 中指定 theprettier.singleQuote是错误的。应该只是这样singleQuote。因此，将.prettierrc包含以下内容的文件放在我的用户根文件夹中会产生所需的结果：

{
    "trailingComma": "none",
    "useEditorConfig": false,
    "singleQuote": true
}

另外，请确保您已Prettier安装扩展程序。

Answer 13

在.prettierrc中添加

{
  "arrowParens": "avoid",
  "semi": false,
  "singleQuote": true
}

Answer 14

我在 vscode 中遇到了同样的问题。只需在您的根目录中创建一个.prettierrc文件并添加以下 json。 对于单引号添加：

{
  "singleQuote": true
}

对于双引号添加：

  {
      "singleQuote": false
  }

Answer 15

只有对我有用的解决方案：并且仅适用于 Angular 项目：

只需进入您的项目“.editorconfig”文件并粘贴“quote_type = single”。希望它也适用于您。

Answer 16

它适用于我检查Prettier 中的单引号以及 tslint.autoFixOnSave 为true

Answer 17

就我而言，问题出在\字符串内的转义字符：

message = 'Error argument is not an object, it\'s ' + typeof error

打开该avoidEscape选项并对该字符串使用双引号解决了问题：

message = "Error argument is not an object, it's " + typeof error

.eslintrc.js

module.exports = {
  rules : {
    // Other rules...
    'quotes' : ['error', 'single', {'avoidEscape' : true}],
  }
}

Answer 18

对于像我这样的新手：

从顶部的导航栏菜单：选择文件->首选项->设置。在搜索文本框中，输入Quote在下面显示的过滤列表中，找到齿轮图标，然后在其旁边-“更漂亮”。单击复选框以启用“更漂亮：单引号”

Answer 19

如@attdona所述，Vetur扩展名更漂亮。

尽管您可以根据接受的答案更改更漂亮的设置，但也可以更改vue组件特定区域的格式化程序。

例如，在这里，我将Vetur设置为使用vscode-typescript格式化程序，因为默认情况下它使用单引号：

Answer 20

我正在使用打字稿，对我来说，通过在更漂亮的设置下（“ vscode”首选项）检查“ Tslint集成”标志可以解决该问题：

Answer 21

您可以在 settings.json 中使用它

"javascript.preferences.quoteStyle": "single"

Answer 22

我添加了.prettierrc在我的项目文件夹中调用的文件。文件内容：

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Answer 23

quote_type = single

在 .editorconfig 中添加这个

# EditorConfig is awesome: https://EditorConfig.org

# top-most EditorConfig file
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = false
insert_final_newline = false
quote_type = single