代码规范之-理解ESLint、Prettier、EditorConfig

最新推荐文章于 2022-08-24 11:11:06 发布
最新推荐文章于 2022-08-24 11:11:06 发布
阅读量125 收藏
点赞数 1
文章标签： 代码规范
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44076775/article/details/125197132
版权

今天，我们就来分析一下跟编码风格、代码规范相关的
.prettierignore
.prettierrc
.eslintrc.js
借助于EditorConfig+Prettier+ESLint 的组合，项目中通过统一约定配置，可以在团队成员在代码开发过程中就检查、约束、美化代码，统一编码风格；且可以省去很多的沟通成本，提前暴露代码缺陷，减少后期二次修改代码的风险；

简单归纳：

EditorConfig: 跨编辑器和IDE编写代码，保持一致的简单编码风格；
Prettier: 专注于代码格式化的工具，美化代码；
ESLint：作代码质量检测、编码风格约束等；
有两篇文章写的特别好，小编觉得怎么写也不如他们，直接上链接了
百家号
csdn

南宫玄色
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ESLint与EditorConfig
旭旭的博客
05-25 4394
前面使用了蚂蚁金服UI创建了一个项目，当时在写项目的过程中总是发现写的时候语法与编程规范检查的非常严谨，多写了个空格IDE就会警告，最开始的时候以为是IDE的原因，setting里面都设置完了都没用，就估计是创建项目的原因了，后来一百度是因为项目有两个文件：.editorconfig和.eslintrc 第一个文件是EditorConfig EditorConfig：定义和维护一致的编
ESLint+Prettier+editorconfig
cai_niao5623的博客
04-27 316
editorconfig 官网是这么介绍EditorConfig的，“EditorConfig帮助开发人员在不同的编辑器和IDE之间定义和维护一致的编码样式.通俗一点说就是保证每个开发者的编码风格一致 首先安装EditorConfig 在代码根目录创建.editorconfig文件 # http://editorconfig.org root = true [*] # 表示所有文件适用 charset = utf-8 # 设置文件字符集为 utf-8 indent_style = spac
代码规范最佳实践eslint+prettier+editorconfig+lint-staged
曾经的你
07-13 769
开始做事之前，先明确目的 问自己一个问题： 为项目配置代码规范，要达到什么目的？ 【答案】 1.开发过程中，如果写出不符合我们规范的代码，能够及时提醒开发者，便于及时修复（eslint的能力） 2.保存/粘贴代码时、使用格式化快捷键时，能够自动按照我们制定的规范、格式化代码（prettier的能力） 3.不同开发者如果使用不同的编辑器（sublime/vscode）或系统（windows/mac），能够执行统一的代码风格标准。比如：缩进是tab还是space，结尾end_of_line是lf还是crlf（e
editorconfig、eslint、prettier三者的区别、介绍及使用
暖暖2333的专栏
04-22 1895
每次搭建新项目都少不了这些工具，但时间一久就忘记了，下次搭新项目时又要四处查官方文档，因此特此记录，主要内容是对这三个工具的理解，以及具体使用方式 editorconfig 理解 先看官网的定义： EditorConfig helps maintain consistent coding styles for multiple developers working on the same project across various editors and IDEs. EditorConfig 帮助使用
EditorConfig + Prettier + ESLint 代码规范化
看到我在玩请叫我去敲代码的博客
08-24 617
本项目中的 ESLint 配置中使用了 Airbnb JavaScript 风格指南校验，其规则之一是代码结束后面要加分号，而我们在 Prettier 配置文件中加了代码结束后面不加分号的配置项，这样就有冲突了，会出现用 Prettier 格式化后的代码，ESLint 检测到格式有问题的，从而抛出错误提示。此时，我们在 ESLint 配置了 Airbnb JavaScript 规则，在编码时，所有不符合 Airbnb 风格的代码，编辑器都会给出提示，并且可以自动修复。（你的项目使用哪种类型的模块?
code-lint:基于husky, lint-staged, eslint, stylelint, markdownlint. commitlint, ls-lint, prettier, editorconfig的codelint的最佳实践
08-05
用于对目录，文件等名称命名规范的校验prettier；用于对于代码风格以及格式化的统一；什么是husky和lint-staged？husky是用git提交项目时，各个生命周期的回调lint-staged；获取git add区域的所有文件；并可以对这些
eslint+prettier.zip
04-29
在IT行业中，保持代码整洁和遵循一致的编码规范至关重要，这可以提高代码的可读性和维护性。"eslint+prettier.zip" 是一个针对uni-app项目专门设计的压缩包，它包含了用于代码质量检查和格式化的工具集成，旨在帮助...
react-structure：基本的react结构，包含EditorConfig，Eslint和Prettier
02-13
**Eslint** 是一个强大的静态代码分析工具，用于检测JavaScript代码中的潜在错误和不符合规范的部分。在React项目中，Eslint可以帮助开发者遵循最佳实践，减少语法错误，并提高代码质量。通常，Eslint配置会针对...
fe-standard-config-seed：一个集常用代码规范配置于一身的前端模版
02-05
这是一个种子项目，其中包含代码格式和lint的通用配置，包括： lerna（请切换到lerna分支） 打字稿 埃斯林特 Stylelint 犯错 更漂亮 沙哑 变更日志 编辑器配置 立场 执照 您可以在.eslintrcjs，.stylelintrcjs，...
代码风格1
08-08
本文将详细介绍如何利用ESLint和Prettier来统一代码风格，并在VSCode中进行配置。 首先，我们选择使用ESLint和Prettier作为我们的代码风格管理工具。ESLint是一个强大的静态代码分析工具，它可以检查代码中的潜在...
.editorconfig和 .eslintrc.js 对代码风格配置
qq_38192709的博客
10-21 254
问题描述： 自己的代码风格如下几点： 0： 本人喜欢用 tab 缩进 1： 配置如下： .editorconfig root = true [*] charset = utf-8 indent_style = tab indent_size = tab end_of_line = lf insert_final_newline = true trim_trailing_whitespace = true .eslintrc.js // add your custom rules here rules
webstorm开发Vue-js-html-css之Eslint+EditorConfig+prettier自定义校验规则和代码格式化问题总结！
weixin_43343144的博客
03-07 1351
真正来一句：不管是Python的pycharm 还是 js开发的webstrom感觉是目前最好的开发工具！以前用vscode开发，尼玛大部分的时间都用在配置上面，浪费了太多的时间，今天总结一下webstorm如何支持自定义的Eslint规则并prettier插件完美格式化，配置好之后，只要（快捷键Ctrl+Alt+L）即可！ 特别注意：EditorConfig配置文件很关键，尤其缩进方面他...
使用ESLint+Prettier来统一前端代码风格
dichunqia8029的博客
08-01 204
Prettier是什么？ Prettier的中文意思是“漂亮的、机灵的”，也是一个流行的代码格式化工具的名称，它能够解析代码，使用你自己设定的规则来重新打印出格式规范的代码。 Prettier具有以下几个有优点： 可配置化 支持多种语言 集成多数的编辑器 简洁的配置项 使用Prettier在code review时不需要再讨论代码样式，节省了时间与精力。 ...
浅谈EditorConfig、Prettier以及Eslint的使用
qq_36697163的博客
10-11 1352
浅谈EditorConfig、Prettier以及Eslint的使用 EditorConfig、Prettier以及Eslint都用于实现前端代码规范化的工具，它们的功能分别如下：  EditorConfig: 专注于统一编辑器编码风格配置  Prettier: 专注于检查并自动更正代码风格，美化代码Eslint: 专注于 JavaScript 代码质量检查, 编码风格约束等 下面将简要介绍一下这三种工具： EditorConfig 由于不同开发人员可能使用不同的编辑器，而不同编辑器有不同的编程
EditorConfig + ESLint + Prettier 实现代码规范化
lhz_333的博客
08-22 1554
接上文，本文主要记录下如何实现代码规范化。
前端代码规范设置：eslint+prettier+editorconfig+lint-staged
刹那的博客
07-15 3634
##【前言】 项目开发过程中，用到各种代码规范性工具。 时不时就会出现，多种工具重复作用，相互之间有冲突的情况。 比如：按照 prettier 的规则格式化的代码，不符合 eslint 的规定。于是 eslint 报错。 本文，旨在彻底理清各代码规范工具的作用，并提供无冲突配合使用的解决方案。 文章整理自： https://blog.theodo.com/2019/08/empower-your-dev-environment-with-eslint-prettier-and-editorconfig-wi
使用EditorConfig、ESLint、Prettier规范前端代码（一）
CUMTSYL的博客
10-21 300
摘要：不论大公司还是小公司对代码规范都有严格的要求。良好的代码规范、统一的编码风格有利于提高代码的可用性和可维护性，对产品质量的提升有较好的促进作用。EditorConfig、ESLint、Prettier是前端项目常用的规范代码插件。本文首先讲解EditorConfig的使用。 EditorConfig EditorConfig主要帮助不同的项目开发人员在使用不同编辑器和IDE开发的情况下，维护一致的编码风格。EditorConfig规则一般在项目根目录的.editorconfig中配置，例如：
更新版-梳理前端开发使用eslint和prettier来检查和格式化代码问题
weixin_33670786的博客
06-09 553
更新版，之前的版本可以看这里：梳理前端开发使用eslint和prettier来检查和格式化代码问题 一、问题痛点 在团队的项目开发过程中，代码维护所占的时间比重往往大于新功能的开发。因此编写符合团队编码规范的代码是至关重要的，这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。 对于代码版本管理系统（svn 和 git或者...
eslint-plugin-prettier
最新发布
03-16
eslint-plugin-prettier 是一个 ESLint 插件，它可以将 Prettier 的格式化规则集成到 ESLint 中，从而使 ESLint 可以检查代码风格和格式，并自动修复不符合规则的代码。这个插件可以帮助开发者在开发过程中保持代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值