VSCode单双引号自动替换

Question

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

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

我没有安装更漂亮的扩展程序（在我的设置中没有prettierrc.single引用）

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

Answer 1

我没有安装prettier扩展，但在阅读possible duplicate答案后，我在用户设置（UserSetting.json，Ctrl +，快捷方式）中从头开始添加：

"prettier.singleQuote": true

一部分绿色警告（Unknown configuration setting）单引号不再被替换。

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

Answer 2

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

Answer 3

对于像我这样的新手：

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

Answer 4

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

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

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

Answer 5

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

Answer 6

来自vuejs / vetur问题页面https://github.com/vuejs/vetur/issues/986#此解决方案适用于我。

在VSCodes settings.json文件中添加此条目

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

Answer 7

您可以在settings.json中使用它

"javascript.preferences.quoteStyle": "single"