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 处理,谢谢!