首页 网络技术
  1. 正文

SublimeText3配置react语法校验的示例

SublimeText3是一款跨平台代码编辑器软件,SublimeText3既可以编写代码还可以编辑文本,是程序员必不可少的工具。具体内容:

1. 安装nodejs

2. 打开终端,安装eslint校验包和react校验插件包:

npm install -g eslintnpm install -g eslint-plugin-react

3. 在Sublime中安装插件:

SublimeLinterSublimeLinter-contrib-eslint

4. 运行eslint --init

根据提示配置初始化文件,生成.json格式的

5. 配置.eslintrc

.eslintrc.json

{
    "plugins": [
        //"react",
        "html"
    ],
    "env": {
        "node": true,
        "jquery": true,
        "es6": true,
        "browser": true
    },
    "globals": {
        "angular": false
    },
    "parser": "babel-eslint",
    "rules": {
        //官方文档http: //eslint.org/docs/rules///参数:0关闭,1警告,2错误//"quotes": [
            0,
            "single"
        ],
        //建议使用单引号//"no-inner-declarations": [
            0,
            "both"
        ],
        //不建议在{
            
        }代码块内部声明变量或函数"no-extra-boolean-cast": 1,
        //多余的感叹号转布尔型"no-extra-semi": 1,
        //多余的分号"no-extra-parens": 0,
        //多余的括号"no-empty": 1,
        //空代码块//使用前未定义"no-use-before-define": [
            0,
            "nofunc"
        ],
        "complexity": [
            0,
            10
        ],
        //圈复杂度大于*//定义数组或对象最后多余的逗号"comma-dangle": [
            0,
            "never"
        ],
        //不允许对全局变量赋值,
        如window='abc'"no-global-assign": [
            "error",
            {
                //定义例外//"exceptions": [
                    "Object"
                ]
            }
        ],
        "no-var": 0,
        //用let或const替代var"no-const-assign": 2,
        //不允许const重新赋值"no-class-assign": 2,
        //不允许对class重新赋值"no-debugger": 1,
        //debugger调试代码未删除"no-console": 0,
        //console未删除"no-constant-condition": 2,
        //常量作为条件"no-dupe-args": 2,
        //参数重复"no-dupe-keys": 2,
        //对象属性重复"no-duplicate-case": 2,
        //case重复"no-empty-character-class": 2,
        //正则无法匹配任何值"no-invalid-regexp": 2,
        //无效的正则"no-func-assign": 2,
        //函数被赋值"valid-typeof": 1,
        //无效的类型判断"no-unreachable": 2,
        //不可能执行到的代码"no-unexpected-multiline": 2,
        //行尾缺少分号可能导致一些意外情况"no-sparse-arrays": 1,
        //数组中多出逗号"no-shadow-restricted-names": 2,
        //关键词与命名冲突"no-undef": 1,
        //变量未定义"no-unused-vars": 1,
        //变量定义后未使用"no-cond-assign": 2,
        //条件语句中禁止赋值操作"no-native-reassign": 2,
        //禁止覆盖原生对象"no-mixed-spaces-and-tabs": 0,
        //代码风格优化--------------------------------------"no-irregular-whitespace": 0,
        "no-else-return": 0,
        //在else代码块中return,else是多余的"no-multi-spaces": 0,
        //不允许多个空格//object直接量建议写法: 后一个空格前面不留空格"key-spacing": [
            0,
            {
                "beforeColon": false,
                "afterColon": true
            }
        ],
        "block-scoped-var": 1,
        //变量应在外部上下文中声明,不应在{
            
        }代码块中"consistent-return": 1,
        //函数返回值可能是不同类型"accessor-pairs": 1,
        //objectgetter/setter方法需要成对出现//换行调用对象方法点操作符应写在行首"dot-location": [
            1,
            "property"
        ],
        "no-lone-blocks": 1,
        //多余的{
            
        }嵌套"no-labels": 1,
        //无用的标记"no-extend-native": 1,
        //禁止扩展原生对象"no-floating-decimal": 1,
        //浮点型需要写全禁止.1或2.写法"no-loop-func": 1,
        //禁止在循环体中定义函数"no-new-func": 1,
        //禁止newFunction(...)写法"no-self-compare": 1,
        //不允与自己比较作为条件"no-sequences": 1,
        //禁止可能导致结果不明确的逗号操作符"no-throw-literal": 1,
        //禁止抛出一个直接量应是Error对象//不允return时有赋值操作"no-return-assign": [
            1,
            "always"
        ],
        //不允许重复声明"no-redeclare": [
            1,
            {
                "builtinGlobals": true
            }
        ],
        //不执行的表达式"no-unused-expressions": [
            0,
            {
                "allowShortCircuit": true,
                "allowTernary": true
            }
        ],
        "no-useless-call": 1,
        //无意义的函数call或apply"no-useless-concat": 1,
        //无意义的stringconcat"no-void": 1,
        //禁用void"no-with": 1,
        //禁用with"space-infix-ops": 0,
        //操作符前后空格//jsdoc"valid-jsdoc": [
            0,
            {
                "requireParamDescription": true,
                "requireReturnDescription": true
            }
        ],
        //标记未写注释"no-warning-comments": [
            1,
            {
                "terms": [
                    "todo",
                    "fixme",
                    "any other term"
                ],
                "location": "anywhere"
            }
        ],
        "curly": 0//if、else、while、for代码块用{
            
        }包围
    }
}

本文标题:SublimeText3配置react语法校验的示例
本文链接:https://www.qqooo.cn/post/6346.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!