zoukankan      html  css  js  c++  java
  • 了解eslint

    1、简介:
    eslint检查我们写的 JavaScript 代码是否满足指定规则的静态代码检查工具。

    JSHint 和 JSLint 也是静态代码检查工具,但伴随着发展,他们已经无法满足需求,于是ESlint 诞生了,因次ESlint比它们功能更强大也更灵活。
    ESLint 是用 Node.js 写的,可以通过 npm 来安装。ESLint 也可以在 webpack(eslint-loader) 和 Gulp.js(gulp-eslint) 中使用。
    2、作用
    ESlint作为代码检查工具,其作用主要有以下几点:

    统一代码风格规则,如:缩进用几个空格;是否用驼峰命名法来命名变量和函数名等。
    减少错误, 如:相等比较必须用 ===,变量在使用前必须被声明,在条件语句中不能使用赋值语句等。
    提高代码质量,如:函数最多有多少条件分支;最多有几个参数,代码块最多能嵌套多少层等。
    其他。如: 禁用alert。这可以提高用户体验,因为 alert 框的外观不是那么好看,而且往往与网站的风格不搭,一般都会自定义 alert 框。
    3、安装&配置
    eslint可以用npm 安装依赖

    npm install -g eslint

    然后可以在.eslintrc的文件进行配置:

    env: 指定代码的运行环境
    globals:额外的全局变量
    parserOptions: 指定 JavaScript 相关的选项。ecmaVersion 指定用哪个ECMAScript 的版本,默认是 3 和 5。
    rules: 具体检查的规则,不设置则不会检查

    {
      "env": {
        "browser": true,
        "commonjs": true,
        "es6": true
      },
      "parserOptions": {
        "ecmaVersion": 6
      },
      "rules": {
        "indent": ["error", 2],
        "no-mixed-spaces-and-tabs": "error"
        "camelcase": "error",
        "eqeqeq": "warn",
        "curly": "error",
        "no-undef": "error",
        "no-unused-vars": "warn",
        "max-params": "warn"
      }
    }

    附件:

    https://blog.csdn.net/Yichair/article/details/79963598

    https://github.com/SublimeLinter/SublimeLinter-eslint

  • 相关阅读:
    LeetCode 42. Trapping Rain Water
    LeetCode 209. Minimum Size Subarray Sum
    LeetCode 50. Pow(x, n)
    LeetCode 80. Remove Duplicates from Sorted Array II
    Window10 激活
    Premiere 关键帧缩放
    AE 「酷酷的藤」特效字幕制作方法
    51Talk第一天 培训系列1
    Premiere 视频转场
    Premiere 暴徒生活Thug Life
  • 原文地址:https://www.cnblogs.com/huanghuali/p/10026539.html
Copyright © 2011-2022 走看看