Vue 标签不自动换行且保存自动整理 JS格式化但不换行设置

Jarvis Downey

已于 2022-06-17 17:02:00 修改

阅读量2.4k

点赞数 2

分类专栏： html css vue 文章标签： vscode 标签换行 html

于 2021-02-19 14:33:16 首次发布

本文链接：https://blog.csdn.net/qq_44977477/article/details/113863475

版权

vue 同时被 3 个专栏收录

21 篇文章 1 订阅

订阅专栏

css

5 篇文章 0 订阅

订阅专栏

html

1 篇文章 0 订阅

订阅专栏

没整理前
在这里插入图片描述
Ctrl + S 保存一下自动整理

在这里插入图片描述

教程

一：左侧扩展搜索：Vetur
在这里插入图片描述

二：点击设置图标，选择扩展设置
在这里插入图片描述
三：点击在settings.json中编辑

代码在这

{
    "backgroundCover.opacity": 1,
    "window.zoomLevel": -1,
    "vsicons.dontShowNewVersionMessage": true,
    "workbench.sideBar.location": "left",
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
    "emmet.triggerExpansionOnTab": true,
    "editor.fontSize": 18,
    "workbench.iconTheme": "vscode-icons",
    "editor.multiCursorModifier": "alt",
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "editor.renderControlCharacters": false,
    "git.autofetch": true,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatterOptions": {
    

        "js-beautify-html": {
            "wrap_line_length": 220,
            "wrap_attributes": "auto",
            "end_with_newline": false
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    },
    "workbench.colorTheme": "Default Dark+",
    "editor.largeFileOptimizations": false,
    "emmet.excludeLanguages": [

        "markdown"
    ],
    "editor.formatOnSave":true
}