VScode 格式化时标签属性禁止换行

VSCode 升级中替换了内置格式化插件导致代码格式化自动换行问题.

解决方法:

打开 文件=》首选项=》设置     然后搜索  "vetur.format.defaultFormatterOptions" ,如下图:

 VScode 格式化时标签属性禁止换行_第1张图片

 

点击后编辑文件,在原配置信息下面加上如下一段配置即可:

"vetur.format.defaultFormatterOptions": {

    "js-beautify-html": {

      "wrap_line_length": 120,

      "wrap_attributes": "auto",

       "end_with_newline": false

    }

}

如下图所示: 

 VScode 格式化时标签属性禁止换行_第2张图片

 

 

如果要设置js代码也不自动换行,需要再添加一条配置信息 :

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

 如下图所示:

VScode 格式化时标签属性禁止换行_第3张图片

Ctrl + S 保存 ,然后重启一下VS Code编辑器,重新对代码进行格式化(Ctrl + Shift + F),发现不会再自动换行了.

 

附VScode前端开发常用插件:

VScode 格式化时标签属性禁止换行_第4张图片

 VScode 格式化时标签属性禁止换行_第5张图片

你可能感兴趣的:(VS,Code)