vscode 格式化 vue 代码

格式化 HTML：即 vue（template）1. 安装 Vetur 拓展2. 配置 setting.json打开 [文件] -&gt; [首选项] -&gt; [设置] -&gt; [拓展] -&gt; [Vetur]vsCode 跟新过后设置变成下拉选择的方式来配置拓展，但是可以点击右上方的···按钮，选择选择打开 settin

@xiaomajia

5814人浏览 · 2019-03-06 10:45:35

@xiaomajia · 2019-03-06 10:45:35 发布

格式化 HTML：即 vue（template）

1. 安装 Vetur 拓展

2. 配置 setting.json

打开 [文件] -> [首选项] -> [设置] -> [拓展] -> [Vetur]
vsCode 跟新过后设置变成下拉选择的方式来配置拓展，但是可以点击右上方的···按钮，选择选择打开 setting.json，即可添加用户设置
配置 template 格式化

"vetur.format.defaultFormatter.html": "js-beautify-html",

不喜欢标签内属性换行，可以设置为：

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

标签内属性换行，且对齐，可以设置为：

"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
        "wrap_attributes": "force-aligned"
        // #vue组件中html代码格式化样式
    }
},

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}$/, //不连续的两位字母// /^