vue开发格式化问题解决方案:修改vscode的veter插件设置即可

  • binGe博客
  • C#
  • 2022-1-21 11:20:45
  • 人已阅读
简介vue开发的时候,在我们装完了veter插件后,习惯性 alt+shift+F,格式化代码,莫名其妙的将代码自动换行
格式起来无比头大,复制一下代码就可以了.

设置里搜索“vetur.”即可

"vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "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
 }

文章评论

评论
  • 消灭零回复
Top