vscode+vue-cli保存vue代码无法格式化解决方案

我的VScode安装了eslint, vetur, prettier插件，

但是保存vue代码时不能自动缩进。

看了参考文章如附录，都没有解决。

于是我直接查看VScode的settings.json 

发现有这么一段

    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },

于是照猫画虎，添加了vue的

   "[vue]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }

然后重新保存就可以自动调整缩进了。

如果朋友们验证不生效的话，可以重启一下VScode。

参考文章：

vs code 设置 保存自动格式化vue代码 - 花泪哲 - 博客园配置 ESLint （需安装 Prettier - Code formatter 插件） command + shift + p 打开用户设置https://www.cnblogs.com/sweetsunnyflower/p/11541019.htmlhttps://www.jb51.net/article/135321.htmhttps://www.jb51.net/article/135321.htmVSCode 设置vue 保存自动格式化代码 - 简书设置保存自动格式化代码，开发效率大大提升！ 操作如下： 安装VSCode eslint 插件 如下配置 setting.json 文件：https://www.jianshu.com/p/ee0d8c90dd24

VSCode 设置vue 保存自动格式化代码_会写Bug的攻城狮-CSDN博客_vue保存自动格式化设置保存自动格式化代码，开发效率大大提升！操作如下：安装VSCodeeslint插件如下配置setting.json文件：{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将...https://blog.csdn.net/qq_41848006/article/details/109080432

Vue Vue-cli Eslint 在vscode里代码自动格式化 - 简书vue eslint 代码自动格式化 vue-cli 代码风格为 JavaScript Standard Style 代码检查规范严格，一不小心就无法运行，使用eslint的...https://www.jianshu.com/p/69bfcb95b8d7 

vue.js - ESLint code format in Vue - Stack Overflowhttps://stackoverflow.com/questions/45852531/eslint-code-format-in-vueVue Vue-cli Eslint 实现在vscode里保存后代码自动格式化_那朵花的博客-CSDN博客使用Vue-cli构建的项目会启用Eslint检测代码规范，所以很容易因为代码不规范控制台总报错，所以为了解决这个问题，可以配置vscode在ctrl+s的时候自动代码格式化。1.配置环境npm i -g eslint-plugin-vue#ornpm i -S eslint-plugin-vue2.安装插件：eslint 插件和vetur 插件3.修改setti...https://blog.csdn.net/yanmuchen/article/details/93789245