vscode vetur格式化不换行最新设置分享笔记_vscode vetur .then不换行-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_49472412/article/details/127403390

本文介绍了如何通过两步操作使VSCode实现优雅的代码格式化，包括设置编辑器字体大小、配置代码美化插件、自动换行等，旨在帮助前端开发者提升编码体验和代码整洁度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

优雅代码只需两步；

打开设置 ---------点击设置文本；

5年前端使用的格式化代码块你只需复制粘贴保存

{
    "editor.fontSize": 18,
    "glassit.alpha": 255,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
        "emmet.includeLanguages": {
            "wxml": "html"
        },
        "minapp-vscode.disableAutoConfig": true,
        "explorer.confirmDelete": false,
        "vetur.format.options.tabSize": 4,
        "vetur.format.defaultFormatterOptions":{
            

            "js-beautify-html":{
                "wrap_attributes":"auto"
            }
        },
        "editor.suggestSelection": "first",
        "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
        "diffEditor.ignoreTrimWhitespace": false,
        "[javascript]": {
            "editor.defaultFormatter": "HookyQR.beautify"
        },
        "[scss]": {
            "editor.defaultFormatter": "HookyQR.beautify"
        },
        "security.workspace.trust.untrustedFiles": "open",
        "git.confirmSync": false,
        "workbench.startupEditor": "none",
        "[vue]": {
            "editor.defaultFormatter": "octref.vetur"
        }
    
    // "vetur.format.defaultFormatterOptions": {
    //     "js-beautify-html": {
    //         "wrap_attributes": "force-expand-multiline"
    //     },
    //     "prettyhtml": {
    //         "printWidth": 100,
    //         "singleQuote": false,
    //         "wrapAttributes": false,
    //         "sortAttributes": false
    //     }
    // }
}

第二步；点击查看不设置自动换行；

养成好习惯：：：登录vscode 同步设置代码随时随地优雅写代码

over 求关注！！！！！！