Vs Code配置

配置说明

• 使用tab，缩进为4
• html属性换行，自动根据屏幕宽度换行
• js使用单引号
• js去除末尾分号
• 数组最后一个不加逗号
• 单个入参不使用括号

配置使用tab缩进，且缩进为4

image.png

设置单行换行方式，根据屏幕宽度自动换行

image.png

附JSON配置

{
    "workbench.colorTheme": "Panda Syntax",
    "editor.fontSize": 15.5,
    /* 其他文件采用的配置，比如.js */
    "prettier.singleQuote": true,
    "prettier.semi": false,
    "prettier.trailingComma": "none",
    "prettier.arrowParens": "avoid",
    /** 超过x字符自动换行 */
    "prettier.printWidth": 120,
    "editor.detectIndentation": false,
    "editor.tabSize": 4,
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "editor.minimap.enabled": false,
    "vetur.grammar.customBlocks": {
        "docs": "md",
        "i18n": "json"
    },

    /* vetur内采用的配置 */
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "semi": false,
            "singleQuote": true,
            "arrowParens": "avoid",
            "trailingComma": "none",
            "editor.wordWrapColumn": 120,
            "editor.wordWrap": "on",
            "diffEditor.wordWrap": "on",
            /** 超过x字符自动换行 */
            "printWidth": 120
        }
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "vetur.format.options.tabSize": 4,
    "prettier.tabWidth": 4,
    "prettier.useTabs": true,
    "editor.wordWrapColumn": 120,
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "diffEditor.wordWrap": "on",
    "editor.wordWrap": "wordWrapColumn",
    "editor.accessibilitySupport": "on",
    "html.format.indentInnerHtml": false,
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}

参考文档

https://www.cnblogs.com/suwanbin/p/13583717.html