vscode编辑器setting配置

没有最好的配置,只有最合适自己搬砖习惯的配置.

{

    // #值设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F

    "editor.formatOnSave": true,

    "editor.fontSize": 18,

    //设置tab的缩进为2

    "editor.tabSize": 2,

    // #每次保存的时候将代码按eslint格式进行修复

    "editor.codeActionsOnSave": {

        "source.fixAll.eslint": true

    },

    //  #让函数(名)和后面的括号之间加个空格

    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,

    // #这个按用户自身习惯选择

    // "vetur.format.defaultFormatter.html": "js-beautify-html",

    "vetur.format.defaultFormatterOptions": {

        "js-beautify-html": {

            // #vue组件中html代码格式化样式

            "wrap_attributes": "force-aligned", //也可以设置为“auto”，效果会不一样

            "wrap_line_length": 200,

            "end_with_newline": false,

            "semi": false,

            "singleQuote": true

        },

        "prettier": {

            "semi": false,

            "singleQuote": true

        }

    },

    "[jsonc]": {

        "editor.defaultFormatter": "vscode.json-language-features"

    },

    // 让函数(名)和后面的括号之间加个空格

    "[javascript]": {

        "editor.defaultFormatter": "vscode.typescript-language-features"

    },

    "vetur.completion.autoImport": true,

    "vetur.format.defaultFormatter.html": "js-beautify-html",

    "vetur.format.defaultFormatter.js": "vscode-typescript",

    "prettier.useTabs": true,

    "files.autoSave": "off",

    "explorer.confirmDelete": false,

    "[json]": {

        "editor.defaultFormatter": "esbenp.prettier-vscode"

    },

    "diffEditor.ignoreTrimWhitespace": false,

    "[html]": {

        "editor.defaultFormatter": "esbenp.prettier-vscode"

    },

    "[vue]": {

        "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"

    },

    "editor.defaultFormatter": "dbaeumer.vscode-eslint", // 两个选择器中是否换行

    "editor.parameterHints.enabled": true,

    "editor.quickSuggestions": {

        "other": true,

        "comments": true,

        "strings": true

    },

    "breadcrumbs.enabled": false,

    "workbench.iconTheme": "material-icon-theme",

    // 去掉代码结尾的分号

    "prettier.semi": true,

    // 使用带引号替代双引号

    "prettier.singleQuote": true,

    //autoFixedOnSave 设置已废弃，采用如下新的设置

    "eslint.format.enable": true,

    //autoFix默认开启，只需输入字符串数组即可

    "eslint.validate": [

        "javascript",

        "vue",

        "html"

    ]

}