一、出现情况:
- 保存时出现代码闪烁,即 prettier 和 eslint 互相冲突,格式化两次。
- 保存后代码依旧标黄,即 eslint 和 prettier 执行后,按prettier为准了,并没有解决eslint规范问题。
- vscode是否需要开启 “editor.formatOnSave”,网上其他教程有说开的,有说不开的。本人都试过了,打开了就出现上述两种情况。不打开则通过eslint,但代码格式有时候却没有格式,也没有很好看。
二、解决办法:
打开vscode–>setting.json,格式化相关配置改成如下:
// 格式化相关
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": false, // 需要关闭
// 废弃
// "editor.codeActionsOnSave": {
// "source.fixAll": true
// },
// vscode 新版本改成可数组了,按照数组顺序执行格式化
"editor.codeActionsOnSave": ["source.fixAll.format", "source.fixAll.eslint"]