Vue的eslint语法限制----强制执行一致的缩进

由于vue对语法的限制过于严格，以至于在第一次编译运行的时候一直编译失败，当然也包括一些警告：有几个常见的指导原则需要对嵌套块和语句进行特定缩进，例如：function hello(indentSize, type) {if (indentSize === 4 && type !== 'tab') {console.log('Each next inde...

前端大鸟

7681人浏览 · 2018-07-13 10:49:36

前端大鸟 · 2018-07-13 10:49:36 发布

由于vue对语法的限制过于严格，以至于在第一次编译运行的时候一直编译失败，当然也包括一些警告：

有几个常见的指导原则需要对嵌套块和语句进行特定缩进，例如：

 
  function hello(indentSize, type) {
    if (indentSize === 4 && type !== 'tab') {
        console.log('Each next indentation will increase on 4 spaces');
    }
}
 
 

这些是不同样式指南中推荐的最常见方案：

两个空格，不长，没有标签：Google，npm，Node.js，Idiomatic，Felix
标签：jQuery
四个空间：Crockford

规则细节

此规则强制执行一致的缩进样式。默认样式是4 spaces。

解决方法

在build/webpack.base.conf.js文件中，注释：module->rules中有关eslint的规则

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