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

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

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

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

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

当前回答

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

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

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

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

其他回答

在我的情况下，问题是在转义\字符内的字符串:

message = 'Error argument is not an object, it\'s ' + typeof error

打开avoidEscape选项并对该字符串使用双引号解决了问题:

message = "Error argument is not an object, it's " + typeof error

.eslintrc.js

module.exports = {
  rules : {
    // Other rules...
    'quotes' : ['error', 'single', {'avoidEscape' : true}],
  }
}

对于默认使用.editorconfig文件的项目。格式化程序将忽略设置中的规则并使用.editorconfig中的规则，然后您可以:

删除.editorconfig文件，并使用VSCode设置。根据您的文件类型，在.editorconfig文件中添加quote_type = single。也可以将quote_type value设置为double或auto。

它为我工作检查单引号在更漂亮的以及 tslint。autoFixOnSave设为true

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

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

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

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

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

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

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

推荐文章