SublimeText3 は、クロスプラットフォームのコード エディター ソフトウェアです。SublimeText3 は、コードの作成とテキストの編集の両方ができます。プログラマーにとって不可欠なツールです。次のコラム sublime 使用法チュートリアル では、反応構文検証の SublimeText3 構成について紹介します。
1. nodejs をインストールします
2. ターミナルを開き、eslint 検証パッケージと反応検証プラグをインストールします。パッケージ:
npm install -g eslint npm install -g eslint-plugin-react
3。Sublime にプラグインをインストールします:
SublimeLinter SublimeLinter-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, //object getter/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, //禁止new Function(...) 写法 "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, //无意义的string concat "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 は反応構文検証を構成しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。