vue开发的时候,在我们装完了veter插件后,习惯性 alt+shift+F,格式化代码,莫名其妙的将代码自动换行
格式起头无比,复制一下代码就能可以.

"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.js": "vscode-typ=script",
"vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "auto"
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
 }

当我们使用右键格式化的时候,就会自动帮我们补全符号,但是,有些符号在eslint中就会报语法错误,那我们需要怎么办呢?可以通过.prettierrc来进行文件配置

需要在项目的根目录建一个.prettierrc文件,并在文件里写上如下代码:

{
    "semi": false,    // 使用分号, 默认为true
    "singleQuote": true,   // 使用单引号, 默认为false(在jsx中配置会无效, 默认为双引号)
    "bracketSpacing": true   // 对象中的空格 默认为true
}