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

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

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

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

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

当前回答

对我来说，这两种选择都解决了问题:

通过在。prettierrc - "singleQuote": true中添加或者在包中添加以下内容。json - - - > "漂亮":{ “singleQuote”:真的｝

虽然我也尝试添加.prettierrc.js和有以下

module。导出= { singleQuote: true };

这并没有起作用。

其他回答

我在项目文件夹中添加了一个名为。pretierrc的文件。文件内容:

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

如果你使用的是YAML插件，它还有一个单引号/双引号选项，这让我很困惑。欢呼。

对于像我这样的新手:

在顶部导航栏的菜单中:选择“文件->首选项->设置”。在搜索文本框中，输入Quote 在下面的过滤列表中，寻找齿轮图标，并在它旁边-“Prettier”。点击复选框启用“更漂亮:单引号”

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

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

[*]
quote_type = single

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

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

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

推荐文章