Vscode 格式化突然失效

VScode突然就无法格式化代码了,所有文件类型都无法格式化了,保存自动格式化不行,手动格式化也不行,不知道为什么。安装了eslint、prettier、和 vetur ,前两天还好好的,今天突然就不行了,卸载重装 VScode 也不行。下面是我的setting.json 配置。感谢帮助!

{
    "workbench.colorTheme": "Gatito Theme",
    "workbench.iconTheme": "vscode-icons",
    "winopacity.opacity": 230,
    "editor.fontSize": 16,
    "eslint.enable": false,
    "eslint.execArgv": null,
    "liveServer.settings.donotShowInfoMsg": true,
    "prettier.jsxSingleQuote": true,
    "prettier.printWidth": 100,
    "prettier.useTabs": true,
    "prettier.vueIndentScriptAndStyle": true,
    "editor.formatOnType": true,
    // 80 列后换行
  "editor.wordWrapColumn": 80,
    // 开启 vscode 文件路径导航
    "breadcrumbs.enabled": true,
    // prettier 设置语句末尾不加分号
    "prettier.semi": false,
    // prettier 设置强制单引号
    "prettier.singleQuote": true,
    // 显示 markdown 中英文切换时产生的特殊字符
    "editor.renderControlCharacters": true,
    // 设置 eslint 保存时自动修复
    // "eslint.autoFixOnSave": true,
    // eslint 检测文件类型
    "eslint.validate": [
        "vue",
        "html",
        "javascript",
        "typescript",
        "javascriptreact",
        "typescriptreact"
    ],
    // vue 扩展的文件默认使用 prettier 进行格式化
    "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "vsicons.dontShowNewVersionMessage": true,
    "git.ignoreMissingGitWarning": true,
    "security.workspace.trust.untrustedFiles": "open",
    "security.workspace.trust.enabled": false,
    "explorer.confirmDelete": false,
    "files.associations": {
        "manifest.json": "jsonc",
        "pages.json": "jsonc",
        "*.jsx": "javascriptreact",
        "*.tsx": "typescriptreact"
    },
    "prettier.requireConfig": true,
    "editor.tabSize": 2,
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[less]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "diffEditor.ignoreTrimWhitespace": false,
    "editor.formatOnPaste": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.detectIndentation": true,
  "editor.formatOnSave": true,
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    
}

找到问题了 ,应该把 "prettier.requireConfig": true,,改为"prettier.requireConfig": false,这个配置项的意思就是设置是否必须要 .prettier 文件,设置为 true 时,当没有该文件,则无法格式化代码

【相关推荐】



  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7704906
  • 除此之外, 这篇博客: vscode入门之安装eslint,prettier,vetur,多行编辑等基本快捷键中的 eslint插件安裝 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
    1. 左侧Extensions中下载eslint插件
    2. npm全局下载eslint, 并进行初始化
    3. 安裝和执行
     npm install eslint -g
     eslint --init
    
    1. 打开 file -> preferences -> settings
      搜索eslint 找到里面的Eslint Options 点击 Edit in settings.json,
     "eslint.validate": [
        "javascript",
        "javascriptreact",
        "vue-html",
        {
          "language": "vue",
          "autoFix": true
        }
      ],
      "eslint.run": "onSave",
      "eslint.options": {
        "config-file": "F:\\work\\web-visualization\\.eslintrc.js"//配置的eslint配置规则
      },
      "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
      }
    
    1. 根据自己喜好配置.eslintrc.js规则文件
    2. 配置格式化-ESLint 需要手动开启,Ctrl+, 打开设置,开启:

    在这里插入图片描述
    7.设置快捷键
    Ctrl + k Ctrl + S设置ESLint fix 快捷键:(自启动ctrl+s也会自动格式化)
    在这里插入图片描述


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^