IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    Vue2.0系列教程:指定文件不使用 ESLint 语法检查

    zuley发表于 2017-04-16 05:50:07
    love 0

    开发Vue项目的时候如果开启了 ESLint 语法检查,那么就必须遵循严格的语法。比如不能有分号,括号都必须有空格隔开等等。
    之前就有写过一篇:入门 Vue.js会碰到的常见问题

    需求

    我们实际开发的时候,经常会需要引入第三方开发的程序。有些并不能通过 npm 去安装,只能手动的把文件放入项目。而这些项目实际开发的时候并没有遵循严格的ESLint语法。这时候就需要我们手动的去配置ESLint了。

    使用

    ESLint是被设计的完全可配置的,可以开关每一条规则,也可以自定义规则。这里不详细解释各个规则的配置方法,只介绍一个简单实用对指定文件不使用ESLint语法检查的方法。

    整个文件范围内禁止规则出现警告

    将/* eslint-disable */放置于文件最顶部

    /* eslint-disable */
    alert('foo');
    

    在文件中临时禁止规则出现警告

    将需要忽略的代码块用注释包裹起来

    /* eslint-disable */
    alert('foo');
    /* eslint-enable */
    

    对指定规则的启用或者禁用警告

    将需要忽略的代码块用注释包裹起来

    /* eslint-disable no-alert, no-console */
    alert('foo');
    console.log('bar');
    /* eslint-enable no-alert, no-console */
    

    对指定行禁用规则警告

    此方法,有两种形式,参见下方。

    alert('foo'); // eslint-disable-line
    
    // eslint-disable-next-line
    alert('foo');
    

    在指定行上禁用指定的某个规则

    alert('foo'); // eslint-disable-line no-alert
    
    // eslint-disable-next-line no-alert
    alert('foo');
    

    在某个特定的行上禁用多个规则

    alert('foo'); // eslint-disable-line no-alert, quotes, semi
    
    // eslint-disable-next-line no-alert, quotes, semi
    alert('foo');
    


沪ICP备19023445号-2号
友情链接