zoukankan      html  css  js  c++  java
  • eslint 入门学习

    想学eslint已经很久了,可是每次进到官网看一下就觉得头大,无法下手,但是最近到了年底,进行年度总结,作为一个有志向的程序媛,还是要追求编码规范的,因此今天再次拿起来了eslint,记录一下我的学习历程:

    1.安装:(为了方便使用,我进行了全局安装)

    1 npm install -g eslint

    2.生成配置文件:

    1 eslint --init

    3.初始化项目,使用npm init生成package.json文件:

    4.创建一个index.js文件,并写一个函数:

     1 function merge () {
     2     var ret = {};
     3     for (var i in arguments) {
     4         var m = arguments[i];
     5         for (var j in m) ret[j] = m[j];
     6     }
     7     return ret;
     8 }
     9 
    10 console.log(merge({a: 123}, {b: 456}));

    5.运行eslint进行检查:

    1 eslint index.js

    6.错误等级:

    1 0或’off’:关闭规则。 
    2 1或’warn’:打开规则,并且作为一个警告(并不会导致检查不通过)。 
    3 2或’error’:打开规则,并且作为一个错误 (退出码为1,检查不通过)。

    7.配置代码注释方式:

    1 忽略no-undef检查
    2 /* eslint-disable no-undef*/

    8.自动修复,使用--fix可以帮助我们修复部分的错误:

    eslint index.js --fix

    9.常用rules:

    "no-console" 禁用console
    "no-cond-assign"禁止条件表达式中出现赋值操作符
    "no-debugger"禁止debugger
    "no-dupe-args":禁止function定义中出现重名参数
    "no-dupe-keys":
    "no-duplicate-case"
    "no-empty"
    "no-empty-character-class"
    "no-extra-boolean-cast"
    "no-extra-parens"
    "no-extra-semi"
    "no-func-assign"
    "no-innter-declarations"
    "no-irregular-whitespace"
    "no-prototype-builtins"
  • 相关阅读:
    关于android.view.WindowLeaked异常的解决方案
    android 使用shape使android组件呈现特殊效果
    (IOS)N duplicate symbols for architecture i386
    (IOS)国际本地化设置
    URL参数中有 特殊符号或加密数据 的问题解决
    S2S:分享出的营销机遇
    (IOS)Apple 证书相关
    (IOS)阻止文件被iTunes和iCloud同步
    (IOS)多线程开发
    时间复杂度
  • 原文地址:https://www.cnblogs.com/yangguoe/p/10161075.html
Copyright © 2011-2022 走看看