vue-cli3的eslint配置

ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具

JavaScript 是一个动态的弱类型语言,在开发中比较容易出错。因为没有编译程序,为了寻找 JavaScript 代码错误通常需要在执行过程中不断调试。像 ESLint 这样的可以让程序员在编码的过程中发现问题而不是在执行的过程中。

ESLint 的初衷是为了让程序员可以创建自己的检测规则
ESLint 的所有规则都被设计成可插入的。
官网有自己创建规则的说明:https://eslint.bootcss.com/

安装eslint

//安装
npm i -g eslint
//运行
eslint [options] [file|dir|glob]*

详细配置:https://eslint.bootcss.com/docs/user-guide/command-line-interface/
vue-cli3安装时是默认安装eslint的,但是由于非常严格,实际开发的时候并不适合,所以我一般会选择关闭。

ESLint 可以通过 .eslintrcpackage.json 中的 eslintConfig 字段进行配置。
执行校验的选项是默认开启的

关闭eslint:

  1. 可以通过 vue.config.js 中的 lintOnSave 选项将其关闭
module.exports = {
  lintOnSave: false
}
  1. 可直接注释掉package.json中eslint的配置(下图部分)
    vue-cli3的eslint配置_第1张图片

你可能感兴趣的:(vue)