eslint

　　气死我了。。。今天再发一篇。

　　eslint可以帮我们检测语法错误，我们可以自定义一些变成规范然后让它检测我们的js，eslint可以帮我们有效避免低级错误。

　　eslint直接装在编辑器就好了，当然可以集成在webpack配置里，但真的没必要。

　　1.sublimeText3编辑器安装插件：SublimeLinter和SublimeLinter-contrib-eslint

　　2.npm安装eslint:

　　npm install --save-dev eslint-config-airbnb eslint-plugin-reac eslint

　　npm i babel-eslint –save-dev

　　3.生成.eslintrc文件

　　输入命令  eslint --init  根据提示生成.eslintrc文件，并设定适合自己的编程习惯

　　4.全局安装eslint相关插件的话，

　　在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
}
};

 

　　

　　

　　

　　

　　

转载于:https://www.cnblogs.com/alan2kat/p/7307959.html