有了eslint的校验,可以来规范开发人员的代码,是挺好的。但是有些像缩进、空格、空白行之类的规范,在开发过程中一直报错,有点烦人了。

我们可以在创建工程的时候选择不要安装eslint。就是在安装工程的时候,出现【Use ESLint to lint your code?】时选择【No】即可。

如果你已经安装过了,我们可以直接关闭它。

关闭eslint的方法:

1.项目根目录 ---> build ---> webpack.base.conf.js 注释掉如下的代码

2.重启编辑器,再运行npm run dev 即可。

关闭eslint校验就是这么简单,但是eslint可辅助规范代码风格,有效控制代码质量,并且在多人合作的情况下,也可以使代码看起来更加的整洁。所以在开发过程中,还是建议保留eslint的校验的,养成一个好的编码习惯。那么此时我们可以根据我们项目的需求配置eslint。

配置eslint的方法:

1.打开.eslintrc.js 文件,这个就是eslint的配置文件了

2.根据你的需求添加rules

规则的含义:

“off” or 0 - 关闭(禁用)规则 
“warn” or 1 - 将规则视为一个警告(并不会导致检查不通过) 
“error” or 2 - 将规则视为一个错误 (退出码为1,检查不通过) 
常用规则: 
Possible Errors 可能的错误或逻辑错误 
no-cond-assign 禁止条件表达式中出现模棱两可的赋值操作符 
no-console 禁用console 
no-constant-condition 禁止在条件中使用常量表达式 
no-debugger 禁用 debugger 
no-dupe-args 禁止 function 定义中出现重名参数 
no-dupe-keys 禁止对象字面量中出现重复的 key 
no-duplicate-case 禁止出现重复的 case 标签 
no-empty 禁止出现空语句块 
no-ex-assign 禁止对 catch 子句的参数重新赋值 
no-extra-boolean-cast 禁止不必要的布尔转换 
no-extra-parens 禁止不必要的括号 
no-extra-semi 禁止不必要的分号 
no-func-assign 禁止对 function 声明重新赋值 
no-inner-declarations 禁止在嵌套的块中出现变量声明或 function 声明 
no-irregular-whitespace 禁止在字符串和注释之外不规则的空白 
no-obj-calls 禁止把全局对象作为函数调用 
no-sparse-arrays 禁用稀疏数组 
no-prototype-builtins 禁止直接使用Object.prototypes 的内置属性 
no-unexpected-multiline 禁止出现令人困惑的多行表达式 
no-unreachable 禁止在return、throw、continue 和 break语句之后出现不可达代码 
use-isnan 要求使用 isNaN() 检查 NaN 
valid-typeof 强制 typeof 表达式与有效的字符串进行比较 

Best Practices 最佳实践 
array-callback-return 强制数组方法的回调函数中有 return 语句 
block-scoped-var 强制把变量的使用限制在其定义的作用域范围内 
complexity 指定程序中允许的最大环路复杂度 
consistent-return 要求 return 语句要么总是指定返回的值,要么不指定 
curly 强制所有控制语句使用一致的括号风格 
default-case 要求 switch 语句中有 default 分支 
dot-location 强制在点号之前和之后一致的换行 
dot-notation 强制在任何允许的时候使用点号 
eqeqeq 要求使用 === 和 !== 
guard-for-in 要求 for-in 循环中有一个 if 语句 
no-alert 禁用 alert、confirm 和 prompt 
no-case-declarations 不允许在 case 子句中使用词法声明 
no-else-return 禁止 if 语句中有 return 之后有 else 
no-empty-function 禁止出现空函数 
no-eq-null 禁止在没有类型检查操作符的情况下与 null 进行比较 
no-eval 禁用 eval() 
no-extra-bind 禁止不必要的 .bind() 调用 
no-fallthrough 禁止 case 语句落空 
no-floating-decimal 禁止数字字面量中使用前导和末尾小数点 
no-implicit-coercion 禁止使用短符号进行类型转换 
no-implicit-globals 禁止在全局范围内使用 var 和命名的 function 声明 
no-invalid-this: 禁止 this 关键字出现在类和类对象之外 
no-lone-blocks 禁用不必要的嵌套块 
no-loop-func 禁止在循环中出现 function 声明和表达式 
no-magic-numbers 禁用魔术数字 
no-multi-spaces 禁止使用多个空格 
no-multi-str 禁止使用多行字符串 
no-new 禁止在非赋值或条件语句中使用 new 操作符 
no-new-func 禁止对 Function 对象使用 new 操作符 
no-new-wrappers 禁止对 String,Number 和 Boolean 使用 new 操作符 
no-param-reassign 不允许对 function 的参数进行重新赋值 
no-redeclare 禁止使用 var 多次声明同一变量 
no-return-assign 禁止在 return 语句中使用赋值语句 
no-script-url 禁止使用 javascript: url 
no-self-assign 禁止自我赋值 
no-self-compare 禁止自身比较 
no-sequences 禁用逗号操作符 
no-unmodified-loop-condition 禁用一成不变的循环条件 
no-unused-expressions 禁止出现未使用过的表达式 
no-useless-call 禁止不必要的 .call() 和 .apply() 
no-useless-concat 禁止不必要的字符串字面量或模板字面量的连接 
vars-on-top 要求所有的 var 声明出现在它们所在的作用域顶部 
严格模式
Strict Mode 使用严格模式和严格模式指 
strict 要求或禁止使用严格模式指令 

Variables 变量声明 
init-declarations 要求或禁止 var 声明中的初始化 
no-catch-shadow 不允许 catch 子句的参数与外层作用域中的变量同名 
no-restricted-globals 禁用特定的全局变量 
no-shadow 禁止 var 声明 与外层作用域的变量同名 
no-undef 禁用未声明的变量,除非它们在 /global / 注释中被提到 
no-undef-init 禁止将变量初始化为 undefined 
no-unused-vars 禁止出现未使用过的变量 
no-use-before-define 不允许在变量定义之前使用它们 

Nodejs and CommonJS Node.js,CommonJS 
global-require 要求 require() 出现在顶层模块作用域中 
handle-callback-err 要求回调函数中有容错处理 
no-mixed-requires 禁止混合常规 var 声明和 require 调用 
no-new-require 禁止调用 require 时使用 new 操作符 
no-path-concat 禁止对 dirname 和 filename进行字符串连接 
no-restricted-modules 禁用指定的通过 require 加载的模块 

Stylistic Issues 风格指南 
array-bracket-spacing 强制数组方括号中使用一致的空格 
block-spacing 强制在单行代码块中使用一致的空格 
brace-style 强制在代码块中使用一致的大括号风格 
camelcase 强制使用骆驼拼写法命名约定 
comma-spacing 强制在逗号前后使用一致的空格 
comma-style 强制使用一致的逗号风格 
computed-property-spacing 强制在计算的属性的方括号中使用一致的空格 
eol-last 强制文件末尾至少保留一行空行 
func-names 强制使用命名的 function 表达式 
func-style 强制一致地使用函数声明或函数表达式 
indent 强制使用一致的缩进 
jsx-quotes 强制在 JSX 属性中一致地使用双引号或单引号 
key-spacing 强制在对象字面量的属性中键和值之间使用一致的间距 
keyword-spacing 强制在关键字前后使用一致的空格 
linebreak-style 强制使用一致的换行风格 
lines-around-comment 要求在注释周围有空行 
max-depth 强制可嵌套的块的最大深度 
max-len 强制一行的最大长度 
max-lines 强制最大行数 
max-nested-callbacks 强制回调函数最大嵌套深度 
max-params 强制 function 定义中最多允许的参数数量 
max-statements 强制 function 块最多允许的的语句数量 
max-statements-per-line 强制每一行中所允许的最大语句数量 
new-cap 要求构造函数首字母大写 
new-parens 要求调用无参构造函数时有圆括号 
newline-after-var 要求或禁止 var 声明语句后有一行空行 
newline-before-return 要求 return 语句之前有一空行 
newline-per-chained-call 要求方法链中每个调用都有一个换行符 
no-array-constructor 禁止使用 Array 构造函数 
no-continue 禁用 continue 语句 
no-inline-comments 禁止在代码行后使用内联注释 
no-lonely-if 禁止 if 作为唯一的语句出现在 else 语句中 
no-mixed-spaces-and-tabs 不允许空格和 tab 混合缩进 
no-multiple-empty-lines 不允许多个空行 
no-negated-condition 不允许否定的表达式 
no-plusplus 禁止使用一元操作符 ++ 和 – 
no-spaced-func 禁止 function 标识符和括号之间出现空格 
no-ternary 不允许使用三元操作符 
no-trailing-spaces 禁用行尾空格 
no-whitespace-before-property 禁止属性前有空白 
object-curly-newline 强制花括号内换行符的一致性 
object-curly-spacing 强制在花括号中使用一致的空格 
object-property-newline 强制将对象的属性放在不同的行上 
one-var 强制函数中的变量要么一起声明要么分开声明 
one-var-declaration-per-line 要求或禁止在 var 声明周围换行 
operator-assignment 要求或禁止在可能的情况下要求使用简化的赋值操作符 
operator-linebreak 强制操作符使用一致的换行符 
quote-props 要求对象字面量属性名称用引号括起来 
quotes 强制使用一致的反勾号、双引号或单引号 
require-jsdoc 要求使用 JSDoc 注释 
semi 要求或禁止使用分号而不是 ASI 
semi-spacing 强制分号之前和之后使用一致的空格 
sort-vars 要求同一个声明块中的变量按顺序排列 
space-before-blocks 强制在块之前使用一致的空格 
space-before-function-paren 强制在 function的左括号之前使用一致的空格 
space-in-parens 强制在圆括号内使用一致的空格 
space-infix-ops 要求操作符周围有空格 
space-unary-ops 强制在一元操作符前后使用一致的空格 
spaced-comment 强制在注释中 // 或 /* 使用一致的空格

vue-cli关闭eslint及配置eslint相关推荐

  1. vue cli3关闭烦人的eslint 亲测有效

    文章目录 踩坑前言 vue cli版本 vue cli目录结构 vue cli3关闭eslint正确姿势 vue cli3删除部分eslint配置 vue cli3删除全部eslint配置 踩坑前言 ...

  2. vue项目配置eslint(附visio studio code配置)

    eslint基础环境搭建 全局安装eslint:npm install eslint -g 项目eslint初始化:eslint --init,按团队或自己的编程风格回答三道题. ? How woul ...

  3. VScode配置eslint保存自动格式化,eslint格式化去掉分号和双引号。vscode自动保存去掉分号和双引号;““

    本文是开启eslint检验和配置eslint格式化:如果想要关闭eslint,查看这篇关闭eslint方法: 1.必须安装的三个插件eslint, prettier-Code formatter ,v ...

  4. Vue CLI 3结合Lerna进行UI框架设计

    第一次在掘金发文章,有点啰里啰嗦,大家见谅. 当前大部分UI框架设计的Webpack配置都相对复杂,例如Element.Ant Design Vue和Muse-UI等Vue组件库.例如Element, ...

  5. 使用Vue CLI 3提升您的Vue.js工作流程

    没有命令行界面(CLI)工具的帮助,我们几乎无法想象现代Web开发. 通过减少重复繁琐的任务,它们极大地促进并加快了开发流程. 手动设置项目,具有所有的上线,构建,测试,预处理,优化和依赖项跟踪功能, ...

  6. Vue CLI 是如何实现的 -- 终端命令行工具篇

    若微信中阅读体验不佳,可点击阅读原文在 PC 端阅读. Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供了终端命令行工具.零配置脚手架.插件体系.图形化管理界面等.本文暂且只分析 ...

  7. 关闭eslint检查2020_2020 vscode配置eslint保存后自动fix

    2020 vscode配置eslint保存后自动fix 这篇文章发布于 2019/10/12,归类于 计算机基础与开发工具 标签: vscode 保存自动fix,vscode 保存执行fix,esli ...

  8. 关闭eslint检验;vue-cli3搭建的vue项目关闭eslint;脚手架3关闭eslint;

    本文是解决关闭eslint的问题:如果想要开启eslint和配置,可以查看这篇开启eslint检验: 我们使用vue-cli3脚手架搭建vue项目时候,会默认选中eslint风格代码:如果想要关闭es ...

  9. Vue中配置Eslint,在setting中配置

    {"workbench.colorTheme": "Default Dark+","editor.fontSize": 14,"w ...

最新文章

  1. adb 连接不上电脑怎么办?
  2. 网络安全系列之二十四 XSS跨站脚本攻击2
  3. leetcode算法题--最长回文子串
  4. SP Session
  5. Eureka Client的使用
  6. 初中计算机课教什么时候,初中计算机教学课程教学方法探讨
  7. VB中的format格式化函数
  8. pcl 使用gpu计算法向量_异构计算系列文章(一):定义、场景及局限性
  9. 新闻简报(7/18)
  10. mysql 添加字段和修改字段
  11. 玩玩Linux云主机-安装MySQL ,The server quit without updating PID file,Linux chown 权限管理
  12. FILD FLD FSTP
  13. 深度揭秘安全领域的那些“大牛” 竟过半在360
  14. linux内核mproject函数,把linux驱动独立于内核外编译--示例
  15. 第十三届蓝桥杯大赛软件赛省赛(Java 大学A组)
  16. C语言例题——简易计算器
  17. 小米路由器局域网设备ping不通
  18. 联合概率和条件概率的区别和联系
  19. 如何让你的YOLOV3模型更小更快?
  20. 基于Power BI Desktop的电子产品综合数据分析案例

热门文章

  1. Drools环境搭建
  2. 第一次作业+105032014142
  3. python3-day2(基本回顾)
  4. Git学习(二)远程仓库建立与克隆
  5. vc++数字图像处理 自适应二值化程序
  6. 排队问题解题思路_教育随笔|数学之排队问题
  7. 汉字字符内码查询_计算机等级考试查询系统
  8. 使用promise解决回调地狱_回调地狱的由来和如何利用promise解决回调地狱
  9. python输入时间_一文搞懂python日期时间处理
  10. python ssd目标检测_目标检测算法之SSD的数据增强策略