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

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

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

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

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

当前回答

使用这个扩展。

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

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

其他回答

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

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

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

我使用的是typescript，对我来说，它在更漂亮的设置下检查“Tslint集成”标志得到了解决(在vscode首选项中):

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

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

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

module。导出= { singleQuote: true };

这并没有起作用。

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

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

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

对我有用的是设置。prettierrc。Json配置文件。把它放在你的项目的根，像这样的示例配置:

{
  "singleQuote": true,
  "trailingComma": "all",
  "tabWidth": 2,
  "semi": true,
  "arrowParens": "always"
}

触发Format Document命令后，一切都能正常工作。

旁注:这个解决方案的一个好处是，由于目前的配置文件，每个团队成员都获得了相同的格式化输出。

推荐文章