zoukankan      html  css  js  c++  java
  • vue-cli中的ESlint配置文件eslintrc.js详解

    本文讲解vue-cli脚手架根目录文件.eslintrc.js

    1. eslint简介
    eslint是用来管理和检测js代码风格的工具,可以和编辑器搭配使用,如vscode的eslint插件
    当有不符合配置文件内容的代码出现就会报错或者警告
    
    1. 安装eslint
    npm init -y
    npm install eslint --save-dev
    node_modules.bineslint --init 初始化配置文件,此配置文件配置好之后,vscode编辑器自动识别
    
    1. vue-cli的.eslintrc.js配置文件的解释
    // http://eslint.org/docs/user-guide/configuring
    
    module.exports = {
        //此项是用来告诉eslint找当前配置文件不能往父级查找
        root: true, 
        //此项是用来指定eslint解析器的,解析器必须符合规则,babel-eslint解析器是对babel解析器的包装使其与ESLint解析
        parser: 'babel-eslint',
        //此项是用来指定javaScript语言类型和风格,sourceType用来指定js导入的方式,默认是script,此处设置为module,指某块导入方式
        parserOptions: {
            sourceType: 'module'
        },
        //此项指定环境的全局变量,下面的配置指定为浏览器环境
        env: {
            browser: true,
        },
        // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
        // 此项是用来配置标准的js风格,就是说写代码的时候要规范的写,如果你使用vs-code我觉得应该可以避免出错
        extends: 'standard',
        // required to lint *.vue files
        // 此项是用来提供插件的,插件名称省略了eslint-plugin-,下面这个配置是用来规范html的
        plugins: [
            'html'
        ],
        // add your custom rules here
        // 下面这些rules是用来设置从插件来的规范代码的规则,使用必须去掉前缀eslint-plugin-
        // 主要有如下的设置规则,可以设置字符串也可以设置数字,两者效果一致
        // "off" -> 0 关闭规则
        // "warn" -> 1 开启警告规则
        //"error" -> 2 开启错误规则
        // 了解了上面这些,下面这些代码相信也看的明白了
        'rules': {
            // allow paren-less arrow functions
            'arrow-parens': 0,
            // allow async-await
            'generator-star-spacing': 0,
            // allow debugger during development
            'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
        }
    }
    

    如果喜欢,请关注我的后续文章

    禁止抄袭,转载请注明出处
  • 相关阅读:
    51 Nod 1068 Bash游戏v3
    51 Nod Bash 游戏v2
    51 Nod 1073 约瑟夫环
    UVA 12063 Zeros and ones 一道需要好好体会的好题
    51 Nod 1161 Partial sums
    2018中国大学生程序设计竞赛
    UVA 11971 Polygon
    UVA 10900 So do you want to be a 2^n-aire?
    UVA 11346 Possibility
    python with as 的用法
  • 原文地址:https://www.cnblogs.com/ye-hcj/p/7069505.html
Copyright © 2011-2022 走看看