vscode 设置vetur格式化文档时属性不自动换行,一行显示

vscode 设置格式化文档时属性不自动换行、 js 代码不自动换行（vue代码 data中定义的数据不自动换行开始找到已安装的vetur 的格式化工具点击小齿轮进入扩展设置找到这一个点击settings,json添加内容把下面的内容复制进去"vetur.format.defaultFormatterOptions": {"js-beautify-html": {　　　　　　　"wrap_

门前大桥下.

6163人浏览 · 2021-12-31 11:16:48

门前大桥下. · 2021-12-31 11:16:48 发布

vscode 设置格式化文档时属性不自动换行、 js 代码不自动换行（vue代码 data中定义的数据不自动换行

开始

找到已安装的vetur 的格式化工具
在这里插入图片描述

点击小齿轮进入扩展设置

在这里插入图片描述

找到这一个点击settings,json

在这里插入图片描述

添加内容

把下面的内容复制进去

"vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
　　　　　　　"wrap_line_length": 900, // 数值越大，一行放的属性越多
            "wrap_attributes": "auto",
            "end_with_newline": false

        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    },
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "vscode-typescript",

在这里插入图片描述

保存关闭去使用格式化就好了

考虑到一些情况就是下载了太多的格式化工具的情况
不知道使用的是哪个格式化的工具

进入页面右击

在这里插入图片描述

选择

在这里插入图片描述

在进行格式化就好了

快捷键 alt+shift+f

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^