vscode 开启了自动保存时,对vue文件根据eslint自动格式化,但是需要刷新多次

我已经根据网上的教程对vscode配置好了,每次刷新的时候会对vue文件做校验
但是有个问题,就是保存的时候,有时候是好的,有时候又是不对的
如图,我总共保存了两次,第一次保存前,代码格式正常,保存后,格式全部错误;然后在保存一次,又好了竟然,经常出这种问题,很影响心情,你们怎么解决的

第一次保存
clipboard.png
第二次保存

clipboard.png

看下我从网上找的别人的vscode配置:

{
// 窗口失去焦点自动保存
"files.autoSave": "onFocusChange",
// 编辑粘贴自动格式化
"editor.formatOnPaste": true,
// 控制字体系列。
"editor.fontFamily": "pingfang,Menlo, Monaco, 'Courier New', monospace",
// 字体大小
"editor.fontSize": 12,
// 行高
"editor.lineHeight": 17,
// 通过使用鼠标滚轮同时按住 Ctrl 可缩放编辑器的字体
"editor.mouseWheelZoom": false,
// 行太长自动换行
"editor.wordWrap": "on",
//Windows bash终端"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
// 主体
"workbench.colorTheme": "Monokai",
"workbench.iconTheme": "vs-seti",
// eslint设置
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    {
        "language": "html",
        "autoFix": true
    },
    {
        "language": "vue",
        "autoFix": true
    }
],
// 保存自动修复
"eslint.autoFixOnSave": true,
// tab锁紧
"editor.tabSize": 2,
// 保存自动化
"editor.formatOnSave": true,
// 空格变成......
"editor.renderWhitespace": "all",
"window.zoomLevel": 0,
"editor.formatOnSave": true,
"vetur.format.defaultFormatter.html": "js-beautify-html",

}

阅读 18k
4 个回答

"editor.formatOnSave": true,
// 保存自动修复
"eslint.autoFixOnSave": true,

这两个配置冲突了
删除这行 "editor.formatOnSave": true,

把保存自动格式化给取消掉吧,手动格式化好点

.eslintrc.js文件中
extends值删掉@vue/prettier

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题