優化vscode格式html代碼，保持標簽不換行

vscode格式話代碼：ctrl+shift+f，

一般情況下，在vscode中格式化代碼，都是如圖一所示的效果圖

一個標簽換了好幾行，看起來很難看，也不利於修改

 

圖一

如下配置，即可保持標簽不換行

vscode中的文件->首選項->設置->工作區->setting.json

在setting.json中

{
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-expand-multiline",
            "wap_line_length": 220,
            "end_with_newline": false
        },
        "prettyhtml": {
            "printWidth": 220,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    }

　　

{

效果圖如下：

 

圖二

作者：候鳥與暖風
鏈接：https://www.jianshu.com/p/57db1de10062
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。