Eslint初步学习
ESLint是什么
ESLint 是一个ECMAScript/JavaScript 语法规则和代码风格的检查工具,它的目标是保证代码的一致性和避免错误。(可以自定义配置)
ESLint标准规则安装
注意:安装过程使用cmd进入项目根目录进行安装
npm install --save-dev eslint babel-eslint eslint-config-alloy
之后在项目的根目录下创建.eslintrc.js文件(可以利用WebStorm创建)
配置文件的内容如下:
module.exports = {
extends: [
'eslint-config-alloy',
],
globals: {
// 这里填入你的项目需要的全局变量
// 这里值为 false 表示这个全局变量不允许被重新赋值,比如:
//
// jQuery: false,
// $: false
},
rules: {
// 这里填入你的项目需要的个性化配置,比如:
//
// // 一个缩进必须用两个空格替代
// 'indent': [
// 'error',
// 2,
// {
// SwitchCase: 1,
// flatTernaryExpressions: true
// }
// ]
}
};
在WebStorm配置
- 首先先打开File->settings
- 搜索ESlint->选择Automatic ESLint configuration
依次选择Node安装文件、ESLint安装文件和eslint文件的路径
这样在WebStorm的Eslint就配置好了