当我在Vue组件上执行格式化文档命令时。vue文件VSCode将所有单引号字符串替换为双引号字符串。
在我的具体情况下,该规则与要求单引号的electronic -vue lint配置冲突。
我没有安装更漂亮的扩展(没有更漂亮。singleQuote在我的设置)
如何定制VSCode来避免这种情况?
当我在Vue组件上执行格式化文档命令时。vue文件VSCode将所有单引号字符串替换为双引号字符串。
在我的具体情况下,该规则与要求单引号的electronic -vue lint配置冲突。
我没有安装更漂亮的扩展(没有更漂亮。singleQuote在我的设置)
如何定制VSCode来避免这种情况?
当前回答
正如@attdona所指出的,Vetur扩展包括了prettier。
虽然您可以根据接受的答案更改更漂亮的设置,但您也可以更改vue组件特定区域的格式化程序。
例如,在这里,我设置Vetur使用vcode -typescript格式化器,因为它默认使用单引号:
其他回答
我在控制毛边和更漂亮的排版方面有很多问题。我有自己的规矩,让自己看起来更漂亮
"prettier/prettier": [
"error",
{ "singleQuote": true, "trailingComma": "none" }
],
和。prettierrc文件中的规则
{
"tabWidth": 2
}
但是我的.prettierrc文件没有得到处理。我的解决方案是在开发依赖中安装prettier作为一个包。所以对我有效的解决方案是安装所有这些包eslint-config-prettier eslint-plugin-prettier and prettier。
对我来说唯一有效的方法是: 并且仅适用于Angular项目:
开始你的项目吧。”Editorconfig "文件,并粘贴'quote_type = single'。 希望这对你也有用。
在.prettierrc中添加
{
"arrowParens": "avoid",
"semi": false,
"singleQuote": true
}
看起来这个问题有一个漏洞:更漂亮的漏洞
以上方法对我都没用。 唯一有效的是,在package.json中添加这行代码:
"prettier": {
"singleQuote": true
},
正确解决方法:
我在我的主根项目中添加了. pretierrc .js文件 和写
module.exports = {
singleQuote: true
};