问题背景
最近引入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文件了