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