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

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

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

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

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

当前回答

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

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

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

其他回答

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

{ trailingComma:“es5”, singleQuote:真的, jsxSingleQuote:真的, printWidth: 100, tabWidth: 2, “春天”:真的, “endOfLine”:“auto” 的

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

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

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

对于像我这样的新手:

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

对于JSX使用:

{"jsxSingleQuote": false}

看起来这个问题有一个漏洞:更漂亮的漏洞

以上方法对我都没用。唯一有效的是，在package.json中添加这行代码:

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

推荐文章