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

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

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

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

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

当前回答

我没有安装更漂亮的扩展，但在阅读可能重复的答案后，我从头开始添加在我的用户设置(用户设置。json, Ctrl+，快捷方式):

"prettier.singleQuote": true

部分有绿色警告(未知配置设置)，单引号不再被替换。

我怀疑更漂亮的扩展是不可见的，但嵌入在Vetur扩展。

其他回答

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

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

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

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

从vuejs/vetur发行页面https://github.com/vuejs/vetur/issues/986# 这个解决方案对我很有效。

在vcodes设置中。Json文件添加此条目

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

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

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

对于JSX使用:

{"jsxSingleQuote": false}

推荐文章