- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈开发工程师
【Vue工程】003-配置 husky、lint-staged、@commitlintcli
2、lint-staged lint-staged 的读音为 /lɪnt steɪdʒd/。 lint-staged 是一个工具，可以在 Git 暂存区的文件上运行指定的 lint 工具，以便于仅在需要时执行 lint 检查。 它通常与 Husky 配合使用，以在提交代码前运行 lint-staged。 lint-staged 是一个基于 Node.js 的工具，可以在 Node.js 项目中使用。 配置 "lint-staged": { "*.
1.6K10编辑于 2025-01-06 - 来自专栏秃头开发头秃了
使用eslint + prettier + husky + lint-staged 约束项目的最佳实践！
husky.sh"npm run prettier && npm run lint husky默认会跑全部的文件，但是我们其实只校验我们提交( git add . )的文件代码格式，而不是去校验所有的文件的格式，就需要使用lint-staged 了 lint-staged 安装 "lint-staged": "^12.3.7" 项目根目录新建.lintstagedrc.js文件 // .lintstagedrc.jsmodule.exports
2.3K21编辑于 2022-10-26 - 来自专栏CRPER折腾记
husky 7 + lint-staged 11+ prettier 2 + eslint 7 配置
eslint-plugin-react-hooks": "^4.2.0", "eslint-plugin-simple-import-sort": "^7.0.0", "husky": "^7.0.1", "lint-staged "$(dirname "$0")/_/husky.sh" # 这里就是唤醒lint-staged npx lint-staged commitlint配置 package.json 这里就是读取那个规范 prettier配置（.prettierrc.json） 哇哈哈，是不是很简陋，我完整的过了一边v2的文档； 发现默认的配置其实就是社区推荐的主流配置； { "singleQuote": true } lint-staged
1.8K40编辑于 2022-03-08 - 来自专栏前后两端不设限
前端代码风格自动化系列（三）之Lint-staged
在我们介绍了Husky、Commitlint之后，来看一个前端文件过滤的工具Lint-staged，代码的格式化肯定会涉及到文件系统，一般工具会首先读取文件，格式化操作之后，重新写入。 安装 npm install --save-dev lint-staged husky 配置 首先明确一下，Lint-staged仅仅是文件过滤器，不会帮你格式化任何东西，所以没有代码规则配置文件，需要自己配置一下 { "husky": { "hooks": { "pre-commit": "lint-staged" } }, "lint-staged": { "*. js": ["eslint --fix", "git add"] } } 当文件变化，我们git commit它们，pre-commit钩子会启动，执行lint-staged命令，我们对于lint-staged 等，具体参考文档： { "lint-staged": { "linters": { "*.
2.1K51编辑于 2022-12-24 - 来自专栏前端桃园
用 husky 和 lint-staged 构建代码检查工作流
lint-staged 用法如下： 1. 安装 npm install -D lint-staged 2. 修改 package.json 配置 { "lint-staged": { "src/**/*.js": "npm run lint" } } 3. 设置 precommit 为运行 lint-staged 在完成上面的配置之后，可以手动通过 npx lint-staged 来检查暂存区里面的文件。 手动是永远不会手动的，自动的方法就是将 npx lint-staged 设置到 hook 里。 参考配置 react + less 项目 lint-staged 的配置可以参考： { "lint-staged": { "**/*.less": "stylelint --syntax
6.5K32编辑于 2022-03-30 - 来自专栏一尾流莺学前端
【打造前端现代化规范工程】Vite + ESLint + Husky + Commitlint + Lint-staged
vue-eslint-parser eslint-config-airbnb-base @typescript-eslint/parser @typescript-eslint/eslint-plugin husky lint-staged : "esbenp.prettier-vscode", // 忽略单词 "cSpell.words": ["vite"] } 代码提交规范 安装相关依赖 yarn add -D husky lint-staged : "husky install" }, 第二个是根目下新增了 .husky 文件夹，里面的内容不用管 再执行以下命令 npx husky add .husky/pre-commit "npx lint-staged --allow-empty" 这个命令会在 .husky 里面生成一个 pre-commit 文件，在 pre-commit 这个钩子里就可以执行 lint-staged 了 在 package.json 中添加以下内容，处理对应后缀的文件 "lint-staged": { "*.
1.9K20编辑于 2023-04-23 - 来自专栏编程之旅
使用 husky 和 lint-staged 来构建你的前端工作流
lint-staged lint-stage 这个库是这么解释它的存在的。 在你提交代码之前，Linting 的运行是更有意义的。当你这样去做了，那么就会有更少的错误进入你的代码库。 有多种方式能够配置 lint-staged，例如在 package.json 中添加对应的对象，例如使用 JSON 或者 YML 文件来配置，例如写一个 js 文件来配置等等。 而鉴于我们的 husky 使用了 package.json 的方式来配置，那么 lint-staged 也保持统一使用同样的方式好了。 // in package.json { "lint-staged": { "*.
3.5K30发布于 2019-06-24 - 来自专栏王天的进阶之路
ESLint + Prettier + husky + lint-staged
lint-staged模块， 用于对 git 暂存区检测 npx --no-install lint-staged npx --no-install lint-staged 是一个命令，用于在不安装 lint-staged 下一个章节会详细介绍 lint-staged的作用和使用步骤 # lint-staged 作用：lint-staged 可以让你在 Git 暂存（staged）区域中的文件上运行脚本，通常用于在提交前对代码进行格式化 具体的使用步骤如下： 在项目根目录下运行以下命令安装 lint-staged： npm install lint-staged --save-dev 在 package.json 文件中添加以下配置： { "lint-staged": { // src/**/*. 在 lint-staged 的配置中添加 "prettier --write"，例如： { "lint-staged": { // src/**/*.
4.8K30编辑于 2023-10-18 - 来自专栏零域Blog
husky+lint-staged助力团队编码规范
---- lint-staged lint-staged 是一个在 git 暂存文件上（也就是被 git add 的文件）运行已配置的 linter（或其他）任务。 lint-staged 总是将所有暂存文件的列表传递给任务。 // package.json "lint-staged": { "src/**/*. "husky": { "hooks": { "pre-commit": "lint-staged" } }, "lint-staged": { "src/**/*. 安装 mrm 并执行 lint-staged 任务： npm i mrm -D --registry=https://registry.npm.taobao.org npx mrm lint-staged 所以，这也就是我们为什么在 lint-staged 中，执行 prettier 的原因。
3.2K31编辑于 2022-03-28 - 来自专栏前后两端不设限
前端代码风格自动化系列（五）之共同出击
我们在前面的四篇中介绍了husky、commitlint、lint-staged、prettier这些工具，可以完成以最小的代价在Git提交到远程仓库前，格式化为统一风格的代码，eslint大家都很熟悉这里就不列举了 eslint-plugin-markdown": "^1.0.0-beta.6", "eslint-plugin-react": "^7.11.1", "husky": "^1.1.2", "lint-staged "tslint": "^5.10.0", "tslint-config-prettier": "^1.10.0", "tslint-react": "^3.6.0", }, "lint-staged {js,jsx}": "npm run lint-staged:js", "**/*.less": "stylelint --syntax less" }, "husky": { "hooks": { "pre-commit": "npm run lint-staged", "commit-msg": "commitlint -e $HUSKY_GIT_PARAMS
48040编辑于 2022-12-24 - 来自专栏前端小叙
2020最新编辑器集成eslint、prettier、stylelint，git提交预检查代码配置
lint-staged 个人理解： husky：用来给git对应的时机注册钩子的 lint-staged：用来监听文件是暂存文件的 2、编辑 package.json 文件： 注意几点： lint-staged lint-staged从v10.0.0起，使用git stash来提高速度并在运行时提供备份，运行时必须有一个提交 lint-staged从v10.0.0开始，需要Node.js 10.13.0或更高版本 lint-staged从v10.0.0起，如果linter任务撤消了所有分阶段的更改，则lint-staged将中止提交。 lint-staged匹配的文件中，如果有多个命令可以写为数组 lint-staged支持三种配置方式 package.json .lintstagedrc " } }, "lint-staged": { "*.
3.4K10发布于 2020-09-24 前端工程化最佳实践：ESLint+Prettier+Git Hooks 统一开发规范
@commitlint/cli @commitlint/config-conventional package.json 脚本与 lint-staged： { "scripts": { " ", "test": "vitest run || jest" }, "lint-staged": { "src/**/*. 升级 eslint 到最新版本 Monorepo 与工作区建议 使用 pnpm workspaces 与 Turbo/Changesets 管理多包；在根目录统一 ESLint/Prettier 配置 lint-staged 性能优化与门禁 { "lint-staged": { "src/**/*. lint-staged 性能优化 在钩子中开启 ESLint 缓存、控制并发与匹配范围： { "lint-staged": { "src/**/*.
53410编辑于 2025-12-15- 来自专栏Java
uniapp项目实践拓展章：代码统一风格
Git 工作流规范 安装并初始化 husky pnpm dlx husky-init 安装 lint-staged pnpm i lint-staged -D 配置 package.json { " 省略 ... }, "lint-staged": { "*. code --] pnpm lint-staged // [!code ++] 到此，你已完成 husky + lint-staged 的配置。
39200编辑于 2025-01-21 - 来自专栏大数据，java，Python和前端
用 CodeBuddy 优化前端工作流：自动化代码质量与提交规范化实践
初始化配置首先安装必要依赖：npm install --save-dev husky lint-staged @commitlint/cli @commitlint/config-conventional 配置Pre-commit钩子创建pre-commit钩子来检查代码质量：npx husky add .husky/pre-commit "npx lint-staged"配置lint-staged（在package.json 中）：{ "lint-staged": { "*. 只lint暂存文件通过lint-staged，我们只对Git暂存区中的文件进行检查和格式化，避免了每次提交都对整个项目进行linting，显著提升了执行效率。2. 并行执行与缓存优化配置ESLint和Prettier并行执行，并启用缓存：{ "lint-staged": { "*.
78710编辑于 2025-09-04 - 来自专栏前后两端不设限
前端代码风格自动化系列（四）之Prettier
npm install --save-dev prettier 配置 // package.json { "husky": { "hooks": { "pre-commit": "lint-staged " } }, "lint-staged": { "*. {js,json,css,md}": ["prettier --write", "git add"] } } 这里我们结合之前用到的husky、lint-staged，默认prettier是直接标准输出到终端的
62050编辑于 2022-12-24 - 来自专栏w候人兮猗的博客
让你的git message更加规范
module.exports = { ...lint.prettier, }; 这样省去了配置eslint规则都麻烦 git message校验 进行pre-commit代码规范检测 yarn add husky lint-staged --dev 修改package.json "lint-staged": { "components/**/*.ts? prettier --write", "eslint --fix", "git add" ], }, "husky": { "hooks": { "pre-commit": "lint-staged , } "husky": { "hooks": { "commit-msg": "commitlint -E HUSKY_GIT_PARAMS", "pre-commit": "lint-staged
65110发布于 2020-07-01 - 来自专栏szhshp 的第四边境中转站
前端 QA 工具链指南 - husky,commitlint,commitizen,eslint,typescript,express
以配置 pre commit hook 进行检查 安装 lint-staged 并给 package.json 添加脚本 Commit 的时候激活两个 Hooks: 先用 prettier 格式化 这部分会进行: lint-stage 的安装和配置 https://www.npmjs.com/package/lint-staged 记得到 package.json 编辑一下 lint 的脚本 : "lint-staged": { "*. husky.sh" echo '#######################################' echo '# Pre Commit Check: Lint Staged' npx lint-staged commit": "cz" }, "dependencies": { /* …… */ }, "devDependencies": { /* …… */ }, "lint-staged
91820编辑于 2022-09-21 - 来自专栏clz
React搭建规范
{css,scss,less}\"" }, 5. husky 和 lint-staged npx husky-init 安装 husky 到开发依赖 在项目根目录下创建 .husky 目录 在 所以可以使用lint-staged来将husky的触发变成只作用于git暂存区的文件（即git add的文件），而不会影响其他文件。 yarn add lint-staged --dev package.json添加lint-staged配置 "lint-staged": { "*. {tsx,ts,js}": "eslint --fix" } 修改 .husky/pre-commit hook 的触发命令为：npx lint-staged 6.
62850编辑于 2023-10-23 - 来自专栏w候人兮猗的博客
让你的git message更加规范
module.exports = { ...lint.prettier, }; 这样省去了配置eslint规则都麻烦 git message校验 进行pre-commit代码规范检测 yarn add husky lint-staged --dev 修改package.json "lint-staged": { "components/**/*.ts? prettier --write", "eslint --fix", "git add" ], }, "husky": { "hooks": { "pre-commit": "lint-staged , } "husky": { "hooks": { "commit-msg": "commitlint -E HUSKY_GIT_PARAMS", "pre-commit": "lint-staged
60330发布于 2020-06-24 - 来自专栏劝学
eslint workflow在项目中的应用
下面的workflow解决了eslint在部署阶段的自动检测与修复 install yarn add eslint yorkie lint-staged -D configure eslint // 下面的pre-commit的则为/.git/hooks/pre-commit，为bash脚本 // package.json { "gitHooks": { "pre-commit": "lint-staged " } } lint-staged 专为linter设计，任务流的配置形式，类似于&&作用 类似于下面的逻辑if [$file in src/**/*.js]; do eslint --fix {js,vue}": ["eslint --fix", "git add"] } Usage git commit -m $msg时，触发pre-commit钩子，执行lint-staged相关配置，
64020发布于 2021-01-21
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号