vscode中使用vetur、eslint、prettier格式化vue项目代码

文档vetur

Gabriel_wei

3554人浏览 · 2019-05-22 10:04:26

Gabriel_wei · 2019-05-22 10:04:26 发布

文档

官网 setting.json

vetur

js-beautify-html

GitHub
官网
 下图是vetur里面的 js-beautify-html
在这里插入图片描述

Default settings

在vscode中，setting.json中的配置情况

应用

  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      //属性强制折行对齐,可以是这些值Wrap attributes to new lines [auto|force|force-aligned|force-expand-multiline] 				   ["auto"]，默认为auto
      // 1.force-aligned 启用后.vue文件中templeate部分代码中的属性会被强制换行，但是闭合的标签却与最后一个属性在同一行，没有换
      //"wrap_attributes": "force-aligned" 
        "wrap_line_length": 120,//一行的长度超过120，在换行
		"wrap_attributes": "auto",
		"end_with_newline": false
    }
  },

未完

vscode setting.json
1

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