1、确保本机安装了node.exe 因为ESLint和CSSLint是调用了node的接口方法;
2、sublime安装SublimeLinter插件,然后安装 SublimeLinter-eslint和 SublimeLinter-csslint;
3、在NPM安装ESLint和CSSLint的包,NPM的是全局安装 ;
npm install -g eslint npm install -g cssslint
4、打开sublime的 SublimeLinter配置文件path属性配置eslint的CMD文件路径(npm全局安装后会有)
"paths": { "linux": [], "osx": [], "windows": [ // 这个是你全局安装eslint后eslint.cmd的所在目录 "C:/Users/Lin/AppData/Roaming/npm/eslint.cmd" ] },
5、参照原文配置eslint的.eslintrc.json配置文件,或者看官网配置相应的检测rule
.eslintrc.json文件参考原文的检测规则如下:
.eslintrc.json文件的存放位置可以放在项目的根目录
{ "env": { "browser": true, "es6": false, "jquery": true, "amd": true, "node": true }, "parserOptions": { "sourceType": "module" }, "rules": { "no-cond-assign": [2, "always"], //if, while等条件中不允许使用“=” "no-constant-condition": 2, "no-debugger": 2, // 程序中不能出现debugger "no-dupe-args": 2, // 函数的参数名称不能重复 "no-dupe-keys": 2, // 对象的属性名称不能重复 "no-duplicate-case": 2, // switch的case不能重复 "no-func-assign": 2, "no-obj-calls": 2, "no-regex-spaces": 2, "no-sparse-arrays": 2, "no-unexpected-multiline": 2, "no-unreachable": 2, "use-isnan": 2, "valid-typeof": 2, "eqeqeq": [2, "always"], "no-caller": 2, "no-eval": 2, "no-redeclare": 2, "no-undef": 2, "no-unused-vars": 1, "no-use-before-define": 2, "comma-dangle": [1, "never"], "no-const-assign": 2, "no-dupe-class-members": 2 } }