气死我了。。。今天再发一篇。html
eslint能够帮咱们检测语法错误,咱们能够自定义一些变成规范而后让它检测咱们的js,eslint能够帮咱们有效避免低级错误。node
eslint直接装在编辑器就行了,固然能够集成在webpack配置里,但真的不必。webpack
1.sublimeText3编辑器安装插件:SublimeLinter和SublimeLinter-contrib-eslintes6
2.npm安装eslint:web
npm install --save-dev eslint-config-airbnb eslint-plugin-reac eslintnpm
npm i babel-eslint –save-dev编程
3.生成.eslintrc文件babel
输入命令 eslint --init 根据提示生成.eslintrc文件,并设定适合本身的编程习惯less
4.全局安装eslint相关插件的话,async
在Preferences->Package Settings->SublimeLinter->Settings - User里面
其中user.paths.window的路径设为“C:/Users/asus-1/AppData/Roaming/npm/eslint.cmd”,即npm全局安装eslint的位置。
5.将.eslintrc文件放在项目根目录下便可。编辑代码的时候,编辑器在检测时会自动使用该配置文件。
module.exports = { "root":true, "parser": 'babel-eslint', "env": { "browser": true, "es6": true, "node": true, "worker": true, // web workers global variables. "mocha": true, // adds all of the Mocha testing global variables. "phantomjs": true, // PhantomJS global variables. "serviceworker": true // Service Worker global variables. }, "extends": "standard", //standard "plugins": [ "html" ], "globals": { // 声明在代码中自定义的全局变量 'CONFIG': true }, "parserOptions": { "sourceType": "module" }, // 启用额外的规则或者覆盖基础配置中的规则的默认选项 "rules": { // allow paren-less arrow functions 'arrow-parens': 0, // allow async-await 'generator-star-spacing': 0, // http://eslint.org/docs/rules/comma-dangle 'comma-dangle': ['error', 'only-multiline'], /* 'semi': 0*/ "semi": 0 }};