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

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

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

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

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

当前回答

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

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

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

module。导出= { singleQuote: true };

这并没有起作用。

其他回答

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

使用这个扩展。

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

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

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

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

如果你使用的是YAML插件，它还有一个单引号/双引号选项，这让我很困惑。欢呼。

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

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

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

推荐文章