vscode下写vue的setting

{
    "workbench.colorTheme": "Solarized Light",
    "window.zoomLevel": 2,
    "editor.detectIndentation": false,
    // 保存时自动fix
    "eslint.autoFixOnSave": true,
    // 添加 vue 支持
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    // 屏蔽vetur的js格式化
    "vetur.format.defaultFormatter.js": "prettier-eslint",
    "vetur.format.defaultFormatterOptions": {
        "prettyhtml": {
            "tabWidth": 4,
            "printWidth": 120,
            "singleQuote": true
        }
    }
}

安装的插件不是记得很清楚了,主要是eslint,vetur,然后参照上面的方法设置之后就能保存了,其中tabWidth是html的缩进,printWidth是控制html单行最大限制,超出的时候就会按照属性来帮你折行,不喜欢折行可以设置大点