vscode 个人配置 settings.json

{
    "workbench.colorTheme": "Default Dark+",
    "workbench.iconTheme": "material-icon-theme",
    // 始终允许不受信任的文件引入受信任的工作区，而不显示提示
    "security.workspace.trust.untrustedFiles": "open",
    // 删除弹窗确认
    "explorer.confirmDelete": true,
    "editor.foldingStrategy": "indentation",
    // 鼠标悬浮，代码提示
    // "editor.hover.enabled": false,

    // 采用 vetur 格式化时
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "prettier",
    "vetur.format.options.tabSize": 4,
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_line_length": 300,
            "wrap_attributes": "auto",
            "end_with_newline": false
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": true,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    },
    // 采用 prettier 格式化时
    "prettier.semi": true,
    "prettier.singleQuote": true,
    "prettier.tabWidth": 4,

    // 各类文件默认代码格式化采用插件
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[css]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}

依赖的插件：vetur、Prettier、Material Icon Theme、

vscode 个人配置 settings.json的相关教程结束。