VSCode单引号到双引号自动替换

当我在Vue组件上执行格式化文档命令时。vue文件VSCode将所有单引号字符串替换为双引号字符串。

在我的具体情况下，该规则与要求单引号的electronic -vue lint配置冲突。

我没有安装更漂亮的扩展(没有更漂亮。singleQuote在我的设置)

如何定制VSCode来避免这种情况?

当前回答

对我有用的是设置。prettierrc。Json配置文件。把它放在你的项目的根，像这样的示例配置:

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

触发Format Document命令后，一切都能正常工作。

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

其他回答

正如@attdona所指出的，Vetur扩展包括了prettier。

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

例如，在这里，我设置Vetur使用vcode -typescript格式化器，因为它默认使用单引号:

撰写本文时(2022年6月):

请考虑.editorconfig在最后覆盖所有其他配置，找到该文件(很可能在项目的根目录上)，编辑它并添加以下内容:

[*]
quote_type = single

对于JSX使用:

{"jsxSingleQuote": false}

"漂亮":{ “singleQuote”:真的 }，

这行代码节省了我的时间。

试试这些解决方案中的一种

在vscode设置。Json文件添加此条目 ”漂亮。singleQuote”:真正的在vscode中，如果您有.editorconfig文件，在根符号[*]quote_type = single下添加这一行在vscode中，如果你有. pretierrc文件，添加这行

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

推荐文章