当前位置: 首页 > 网络应用技术

教您使用Eslint + Pretttier规范项目代码

时间:2023-03-08 18:36:02 网络应用技术

  我相信朋友在小学时代经历了小米的时代。当时,学术事务办公室主任访问了Tiantian学校的大门,学生们更加害怕。在那个时候,我们就像一条代码。如果发型不同,那将是两个... 55555不会说...

  因此,统一风格可以帮助我们更加统一地管理,这也将使我们犯下更少的错误。目前,Eslint站起来。这是学术事务办公室主任的化身。尽管验证守则不一定是完美的,但必须相对标准化。

  ESLINT是一种代码检测工具,用于识别Ecmascript并根据规则提供报告。使用它可以避免低级别的错误和统一的代码。如果每次提交代码时都执行ESLINT代码检查,则该服务不会导致服务崩溃,因为它未定义为诸如未定义或null之类的错误,可以有效控制项目代码的质量。

  Eslint的主要功能1.代码质量问题:使用/写入方法可能有问题

  2.代码样式问题:样式不符合某些规则

  就像有些学生喜欢使用标签来缩小,有些喜欢空间,有些喜欢2个空网格,有些像4.这很难做,您听到了谁?

  最后,在进行了一些舌头战争之后,选择了2个空网格作为标准。因此,我们在根目录中创建了配置文件,并将其写入我们的Lun水果

  流行代码格式工具的名称可以解析代码并使用您设置的规则来重新打印指定代码。

  托尼老师认为发型非常重要,更漂亮。让我为您安顿下来。简单地说,我们不需要考虑它是在使用单引号还是双引号。漂亮的人会处理它。最终结果可能无法完全满足,但永远不会丑陋。

  Prettier接管了两个问题的代码格式的问题,而使用Prettier + Eslint的使用完全解决了两个问题

  当然,学术事务办公室和老师托尼对发型的理解“不要戴天空”,因此我们需要深入与他们交流。

  在项目中安装以下依赖项,这些依赖关系仅需要在开发环境配置中安装

  安装VSCODE插头 - In Eslint和Prettier -Code Formatter

  如果您想每次保存时都会自动格式化代码,则可以添加以下配置

  添加配置文件.eslintrc.js

  运行错误时可以选择上述配置

  以下是我的个人配置,仅供参考

  创建配置文件.prettierrc.js

  当然,在特殊情况下,例如学生是校长,女儿等的儿子。

  ESLINT忽略文件

  漂亮的忽略文件

  忽略规则和一致性

  删除以下依赖项,如果项目中没有,则无需删除

  安装指定版本的依赖项

  添加到.slintrc.js

  添加到文件中的预设

  原始:https://juejin.cn/post/7095689037889372191