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

  • 相关阅读:
    不写代码能实现APP消息推送吗
    如何让智能设备接入天猫精灵,实现语音控制功能
    给GoKit3(STM32)装一块N102,在家就能体验NB-IoT开发啦
    ESP8266 NodeMcu机智云SOC方案开发经验分享
    利用map和reduce编写一个str2float函数
    代码学习(1)
    箱线图boxplot()的绘制
    mysql远程访问数据库的问题解决
    codeforces 596 C. p-binary
    主席树的妙用——Just h-index
  • 原文地址:https://www.cnblogs.com/huanghuali/p/10026539.html
Copyright © 2011-2022 走看看