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

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

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

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

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

当前回答

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

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

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

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

其他回答

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

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

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

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

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

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

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

你可以在settings.json中使用它

"javascript.preferences.quoteStyle": "single"

对我来说唯一有效的方法是: 并且仅适用于Angular项目:

开始你的项目吧。”Editorconfig "文件，并粘贴'quote_type = single'。希望这对你也有用。

推荐文章