【vue eslint】报错:VSCode自动保存格式化与ESLint规则冲突
问题描述:
在VSCode中,自动保存功能与ESLint的规则冲突可能导致代码格式不一致或出现"缩进"等问题。
解决办法:
刚开始以为是因为项目中同时使用ESLint和Prettier,因规则冲突导致的格式化问题,于是通过配置自动帮助我们修复错误。打开vscode设置
// 格式化相关"editor.defaultFormatter": "esbenp.prettier-vscode","editor.formatOnSave": false, // 需要关闭// 废弃// "editor.codeActionsOnSave": {// "source.fixAll": true// },// vscode 新版本改成可数组了,按照数组顺序执行格式化"editor.codeActionsOnSave": ["source.fixAll.format", "source.fixAll.eslint"]
但是即使是配置了,还是出现【问题描述】中的问题,尝试了很多种办法,甚至为了避免冲突把插件Prettier卸载了,仍然不起效果。后来无意看到配置文件中有设置用JS-CSS-HTML Formatter插件格式化html内容,抱着试一试心态,卸载了插件JS-CSS-HTML Formatter,结果成功了!