首页 > 其他分享 >为react项目添加开发/提交规范(前端工程化、eslint、prettier、husky、commitlint、stylelint)

为react项目添加开发/提交规范(前端工程化、eslint、prettier、husky、commitlint、stylelint)

时间:2023-08-06 20:23:39浏览次数:32  
标签:文件 git stylelint 校验 react eslint commit 工程化 prettier

因历史遗留原因,接手的项目没有代码提醒/格式化,包括 eslint、pretttier,也没有 commit 提交校验,如 husky、commitlint、stylelint,与其期待自己或者同事的代码写得完美无缺,不如通过一些工具来进行规范和约束。

eslint

eslint 是一个代码校验工具,用来规范项目代码风格。

初始化

通过 npm install eslint 后使用 npx eslint --init 来根据问答生成 .eslintrc.js 配置文件。我的项目是 React + JavaScript,这里选择了 Airbnd 的规则来校验,不同的项目类型可以进行其它的选择。配置详细介绍可以参考这一篇 规范代码编写风格就用 eslint 和 prettier

生成的 .eslintrc.js 文件包含当前 eslint 配置的规则,在命令行中使用 npx eslint ./xxx.js 文件时,eslint 就会读取项目的配置文件对其内容进行匹配,如果没有配置文件,则会出现图中第一次执行的命令的回应。【Oops!Something went wrong!

标签:文件,git,stylelint,校验,react,eslint,commit,工程化,prettier
From: https://www.cnblogs.com/vigourice/p/17609654.html

相关文章