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、