npminstall--save-devlint-staged或pnpmadd--save-devlint-staged 2、Lint-staged 配置 在package.json中添加 lint-staged 对象: "lint-staged":{"*.{js,ts,vue}":["eslint --fix","prettier --write"],"*.{cjs,json}":["prettier --write"],"*.{vue,html}":["eslint --fix","prettier --w...
核心内容是配置 Husky 的 pre-commit 和 commit-msg 两个钩子: pre-commit:Husky + Lint-staged 整合实现 Git 提交前代码规范检测/格式化 (前提:ESlint + Prettier + Stylelint 代码统一规范。 commit-msg: Husky + Commitlint + Commitizen + cz-git 整合实现生成规范化且高度自定义的 Git commit message。
module.exports= {"env": {"es2021":true},"extends": [//默认使用vue2的配置//"plugin:vue/essential",//修改使用vue3的规则"plugin:vue/vue3-strongly-recommended","airbnb-base"],"parserOptions": {"ecmaVersion":"latest","parser":"@typescript-eslint/parser","sourceType":"module"},"plugins"...
核心内容是配置 Husky 的 pre-commit 和 commit-msg 两个钩子: pre-commit:Husky + Lint-staged 整合实现 Git 提交前代码规范检测/格式化 (前提:ESlint + Prettier + Stylelint 代码统一规范。 commit-msg: Husky + Commitlint + Commitizen + cz-git 整合实现生成规范化且高度自定义的 Git commit message。
大家好, 本文记录了最近在Vite+Vue3搭建的JavaScript项目中配置ESLint和Prettier来检查代码风格和格式化代码的经验,下一篇记录为该项目添加husky+lint-staged来实现git提交时对代码进行检查和格式化。 项目介绍 该项目使用的包管理器是pnpm,使用其他工具的朋友自己修改文中pnpm相关的安装命令 ...
意思是将git add删除 因为 lint-staged 会将格式化的后的代码自动添加到当前 commit 中 使用husky 因为yorkie 无法向后兼容 所以建议直接使用 husky 做 git hook 自动安装配置 lint-staged 和 husky npx mrm@2 lint-staged 修改package.json "lint-staged":{"*.{js,vue}":["vue-cli-service lint"]} ...
构建vue3+ts+prettier+stylelint+husky+Lint-staged+Commitlint项目 vue3基础插件 一、 安装vue3脚手架地址 1. 推荐官方脚手架 使用官网推荐的新版本 Eslint&prettier 配置 AI检测代码解析 # 根据具体情况可以选择npm yarn pnpm # 下面选择pnpm为例 pnpm create vue@latest ...
配置lint-staged 当我们执行git commit的时候就会先执行npm run lint,只有lint通过后才会提交,但是这样每次提交都要全量检查文件有点太费时,如果我们想让它只检查提交的文件可以使用lint-staged这个插件 pnpm i -D lint-staged 然后在package.json中配置
安装LintStaged：解决每次提交都检查整个项目文件的问题，LintStaged只会检查提交或修改的部分内容。配置LintStaged：在package.json文件的lintstaged部分配置相应的校验命令。通过以上步骤，你可以在Vue3后台管理系统中实施全面的Code Lint，确保代码风格统一、代码质量高，并规范团队的代码提交行为。
# 提交代码(提交前会自动执行 lint:lint-staged 命令) npm run commit 六、项目截图 📷 1、登录页: 2、首页: 3、表格页: 4、数据大屏: 七、文件资源目录 📚 Geeker-Admin ├─ .vscode # vscode推荐配置 ├─ public # 静态资源文件(忽略打包) ...