ESlint规范下编码真的这么难嘛?

2022-07-21 19:23:50 浏览数 (1)

ESlint规范附带了一些默认规则,并要求严格执行,否则将会报错 .那如何在ESlint的严格规范下,自由编码

为什么要使用


代码的规范,是我们很多的程序容易忽略的。很多的公司为了规范程序的代码,都要求程序必须在ESlint规范下,进行代码开发,甚至将此写入了面试要求中。

我们怎么办


对于我们自由写代码惯了,怎么能受的了在ESLint的严格模式下进行代码开发,而且,还有一堆关于ESlint错误的英文提示。 如何解决


要求规范,那就规范写哦,有什么难的了我们伟大的程序员朋友,对吧! 下面分享下,我熟悉ESLint规范方法 1. 按照你原来的方法写代码 2. eslint肯定会,提示错误,一个个来解决错误,提升对于eslint的规范要求的记忆 3. 看不懂的英文提示,怎么处理? 对应错误后面都有对应的规则名称(英文),英语不好也不用怕。你可以查看ESlint官网的规则完整列表,查看对应规则的中文说明及对应的示例说明,简单易懂,包看包会的。

对应规则的中文说明如下:

代码语言:javascript复制
array-bracket-newline
在数组开括号后和闭括号前强制换行
array-bracket-spacing
强制数组方括号中使用一致的空格
array-element-newline
强制数组元素间出现换行
block-spacing
禁止或强制在代码块中开括号前和闭括号后有空格
brace-style
强制在代码块中使用一致的大括号风格
camelcase
强制使用骆驼拼写法命名约定
capitalized-comments
强制或禁止对注释的第一个字母大写
comma-dangle
要求或禁止末尾逗号
comma-spacing
强制在逗号前后使用一致的空格
comma-style
强制使用一致的逗号风格
computed-property-spacing
强制在计算的属性的方括号中使用一致的空格
consistent-this
当获取当前执行环境的上下文时,强制使用一致的命名
eol-last
要求或禁止文件末尾存在空行
func-call-spacing
要求或禁止在函数标识符和其调用之间有空格
func-name-matching
要求函数名与赋值给它们的变量名或属性名相匹配
func-names
要求或禁止使用命名的 function 表达式
func-style
强制一致地使用 function 声明或表达式

4. 如果记忆不是太好,可以把对应已经了解的规则,写个笔记,记下来。再看个两次,就ok了

通过,上面的几个步骤,相信你很多就会熟悉下ESlint下进行编码的。希望能够帮忙到您。哈哈

0 人点赞