VScode 右键格式化文档配置无效果

1,009 阅读1分钟

问题背景

最近引入eslint作为前端开发规范,但是右键格式化文档时,文档又被搞乱了,这肯定是vscode自身设置和项目中eslint规范存在冲突导致的!

动作1:

文件—>首选项—>设置,一顿骚操作,取消分号,添加单引号

{
    "prettier.semi": false,
    "prettier.singleQuote": true,
    "prettier.jsxSingleQuote": true
}

动作2:

在项目目录—>.vscode —> settings.json中添加配置:

{
    "prettier.semi": false,
    "prettier.singleQuote": true,
    "prettier.jsxSingleQuote": true
}

动作3:

在项目目录—>.editorconfig中添加配置

[*.js]
quote_type = single

全军覆没!!!

我决定退出编程这个行业了。。。

一觉醒来

因为我的前端是vue写的,可能之前配置木有关注这个问题

动作4:

在项目目录—>.editorconfig中添加配置

[*.vue]
quote_type = single

!!!
!!!
我又爱上这个行业了

再加上去分号的就好了
无该配置项,editorconfig不支持

动作5:

在项目目录创建.prettierrc文件,添加配置

{
    "semi": false
}

好了,彻底好了
有病就得治!!

总结

prettier3.7以上会优先读取项目根目录下的.editorconfig或.prettierrc配置,如果有就不会使用vscode setting中的设置,所以最好每个项目都配置一个单独的 prettier 配置文件
并且在.editorconfig 中没法配置行末不加分号,所有只能配置一个 prettier文件了