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

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

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

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

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

当前回答

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

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

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

其他回答

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

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

[*]
quote_type = single

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

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

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

使用这个扩展。

https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes

cmd ' (ctrl '在win/Linux上)将在' ' '中循环

对于像我这样的新手:

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

对于JSX使用:

{"jsxSingleQuote": false}

推荐文章