vscode格式化vue

记录一次修改vscode 格式化历程

早上起来发现 cmd + s保存格式化失败

多次查看后发现以下错误提示

40151573782623_.pic.jpg

修改步骤
1、点击配置，查看有几个插件同时使用了
2、卸载不需要的插件
3、重新配置

配置默认格式化程序

屏幕快照 2019-11-15 上午10.30.03.png

这边设置的是beautify

快捷键
cmd + shift + p
输入 settings 进入配置界面

屏幕快照 2019-11-15 上午10.32.35.png

点击进入 Beautify: Config 的 settings.json中编辑
以下为内容

{
    "beautify.language": {
        "js": {
            "type": [
                "javascript",
                "json"
            ],
            "filename": [
                ".jshintrc",
                ".jsbeautify"
            ]
        },
        "css": [
            "css",
            "scss"
        ],
        "html": [
            "htm",
            "html",
            "vue"//在这里加上vue
        ]
    },
    "editor.formatOnSave": true, //保存自动格式化
    "vueBeautify.isRootIndent": false,
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "[vue]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "workbench.settings.openDefaultKeybindings": true
}