一、概述

eslint 是一个插件化的 javascript 代码检测工具,它可以用于检查常见的 JavaScript 代码错误,也可以进行代码风格检查,这样我们就可以根据自己的喜好指定一套 eslint 配置,然后应用到所编写的项目上,从而实现辅助编码规范的执行,有效控制项目代码的质量。

二、安装

npm install -g eslint 或 cnpm install -g eslint

esim一号双端使用方法(极简ESLint快速了解)(1)

vue文件是类 HTML 的文件,为了支持对 vue 文件的 ESLint ,需要eslint-plugin-html这个插件;

npm install -g eslint-plugin-html

esim一号双端使用方法(极简ESLint快速了解)(2)

eslint test.js

三、配置

为了正确使用eslint,需要配置代码规范设置,现在添加一个.eslintrc.js;

eslint --init

module.exports = { "env": { browser: true, es6: true }, "extends": "eslint:recommended", "rules": { 'no-console': 'off, "semi": [ "error", "never" ] } };

ESLint 支持几种格式的配置文件:

vue项目创建的时候,选择了eslint支持,则自动的会在根目录下,创建规则文件.eslintrc.js:

四、问题处理

有时候,由于eslint过于严格,导致很多错误,可以暂时屏蔽,修改build/webpack.base.conf.js文件module->rules中有关eslint的规则:

esim一号双端使用方法(极简ESLint快速了解)(3)

,