vscode 格式化代码

1 打开json,点击设置

2 设置界面，打开json

3 粘贴如下：

{

    // 不显示的文件

    "files.exclude": {

        "**/.babelrc": true,

        "**/.gitignore": true,

        "**/.travis.yml": true,

        "**/favicon.ico": true

    },

    // vscode默认启用了根据文件类型自动设置tabsize的选项

    "editor.detectIndentation": false,

    // 重新设定tabsize

    "editor.tabSize": 4,

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

    "editor.formatOnSave": true,

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

    "eslint.autoFixOnSave": false,

    // 添加 vue 支持

    "eslint.validate": [

        "javascript",

        "javascriptreact",

        {

            "language": "vue",

            "autoFix": true

        }

    ],

    //  #让prettier使用eslint的代码格式进行校验

    "prettier.eslintIntegration": true,

    //  #去掉代码结尾的分号

    "prettier.semi": false,

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

    "prettier.singleQuote": true,

    "prettier.tabWidth": 4,

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

    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,

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

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

    // #让vue中的js按"prettier"格式进行格式化

    "vetur.format.defaultFormatter.js": "prettier",

    "vetur.format.defaultFormatterOptions": {

        "js-beautify-html": {

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

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

            "wrap_line_length": 200,

            "end_with_newline": false,

            "semi": false,

            "singleQuote": true

        },

        "prettier": {

            // 格式化时true自动添加符号，false 去掉分号

            "semi": true,

            "singleQuote": true

        }

    },

    "[javascript]": {

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

    },

}