使用ESlint、lint-staged 半自动提升项目代码质量 最近在项目部署了ESlint还有一些配套的工具,比如prettierhuskylint-staged,有些心得写出来分享下。 依据本篇可以实现在git commit之时,重新格式化代码,同时进行代码检查预防一些低级错误。最终期待项目中的开发人员提交到线上的代码符合代码规范、风格统一,看起来像是一个...
image 修改了A文件,B、C、D等文件的错全部都冒出来了。针对这样的痛点问题,就是每次只对当前修改后的文件进行扫描,即进行git add加入到stage区的文件进行扫描即可,完成对增量代码进行检查。如何实现呢?这里就需要使用到lint-staged工具来识别被加入到stage区文件。关于lint-stage可以看官方文档,现在会过头来看package...
ESLint+Prettier 1. 引入 ESLint ESLint 是 JavaScript 和 TypeScript 项目的标准代码检查[https://so.csdn...
官方文档 husky-github husky-doc lint-staged 安装依赖 yarn add husky lint-staged -D 在package.json 中添加一条 preinstall 脚本 { "script":{ "prepare"
lint-staged是一个用于在 Git 暂存文件上运行 linters 的工具。它允许你在提交到版本控制系统之前检查代码的质量,以确保只有符合质量要求的代码被提交。 以下是lint-staged的解析: 1.功能: olint-staged仅对暂存区的文件进行 lint 检查,而不是整个仓库。这意味着它只会检查你打算提交到版本控制系统的文件,而不是...
at Object.install (C:\Users\ACER\AppData\Local\npm-cache_npx\15688\node_modules\mrm-preset-default\node_modules\husky\lib\index.js:18:15) at task (C:\Users\ACER\AppData\Local\npm-cache_npx\15688\node_modules\mrm-preset-default\node_modules\mrm-task-lint-staged\index.js:214:8) at C...
{ "name": "lint-staged", "version": "15.4.1", "version": "15.4.2", "description": "Lint files staged by git", "license": "MIT", "repository": "https://github.com/lint-staged/lint-staged", 0 comments on commit aef9e5c Please sign in to comment. Footer...
"last 1 firefox version", "last 1 safari version" ] }, "lint-staged": { "*": "yarn eslint --ext .js,.jsx,.ts,.tsx --fix" } } Loading Oops, something went wrong. Retry 0 comments on commit c83573b Please sign in to comment. Footer...
对于代码格式规范,我们通过Eslint+Prettier+Vscode配合进行处理,可以实现在保存代码时,自动规范化代码格式的目的。 (2)代码提交规范 对于代码提交规范,我们通过使用husky来监测git hooks钩子,通过以下插件完成对应的配置: commitlint:用于检测提交的信息 ...
config.cjs文件进行配置。为了验证配置，你可以在git commit时观察是否正确执行了校验。若存在错误，如未使用的函数或变量，需要进行修复并提交。只有当代码完全符合规范时，git commit才会成功。通过husky和lint-staged的组合，前端团队可以有效地规范Git工作流程，提升代码质量和团队协作效率。