3、配置自动格式化 在.vscode/settings.json中加入如下配置: {"editor.formatOnSave":true,"editor.codeActionsOnSave":{"source.fixAll":"explicit","source.stylelint":"explicit"},"stylelint.validate":["css","less","postcss","scss","sass","vue"],"editor.defaultFormatter":"esbenp.prettier-vscode...
【Vue工程】003-配置 husky、lint-staged、@commitlint/cli 一、概述 1、husky husky 的读音为 /ˈhʌski/ Husky 是一个GitHook 工具,可以帮助我们在 Git 事件发生时自动运行脚本。Git Hook 是一种机制,它允许在 Git 执行操作时自动运行特定脚本,以执行自定义操作。
上回我们说到配置ESLint以及添加vue-recommended、airbnb-base、prettier规则,一切都很顺利。唯有一点需要注意的就是 .eslintrc 文件extends配置项中,plugin:prettier/recommended一定要在airbnb-base之后添加,上篇文章没有看到的童鞋们可以回去看看原因。 慕容未央:Vue3+Vite+TS+Eslint(Airbnb规则)搭建生产项目,踩坑...
package.json 中添加不同文件在 git 提交执行的 lint 检测配置 "lint-staged":{"*.{js,ts}":["eslint --fix","prettier --write"],"*.{cjs,json}":["prettier --write"],"*.{vue,html}":["eslint --fix","prettier --write","stylelint --fix"],"*.{scss,css}":["stylelint --fix"...
本文介绍vue3-element-admin如何通过 Husky + Lint-staged + Commitlint + Commitizen + cz-git 来配置 Git 提交代码规范。 核心内容是配置 Husky 的pre-commit和commit-msg两个钩子: pre-commit:Husky + Lint-staged 整合实现 Git 提交前代码规范检测/格式化 (前提:ESlint + Prettier + Stylelint 代码统一规范...
【Vue工程】003-配置 husky、lint-staged、@commitlint/cli 一、概述 1、husky 2、lint-staged 3、@commitlint/cli 二、安装与配置 1、安装依赖 2、在项目根目录创建 `.husky` 目录 3、运行脚本 脚本 生成的文件 `pre-commit` 生成的文件 `commit-msg` ...
本文介绍 vue3-element-admin 如何通过 Husky + Lint-staged + Commitlint + Commitizen + cz-git 来配置 Git 提交代码规范。 核心内容是配置 Husky 的 pre-commit 和 commit-msg 两个钩子: pre-commit:Husky + Lint-staged 整合实现 Git 提交前代码规范检测/格式化 (前提:ESlint + Prettier + Stylelint 代...
在git commit的时候,之前我们在.eslintrc.cjs中定义为error的项,直接帮我们定义错误,而且帮为了做好了格式化,修复掉这个问题之后,重新执行git add .,再次git commit,这次依然提示错误: vue自动生成的代码中有未使用的函数和变量,继续修改吧... 全部修改完成后,才会提交成功!
在我们介绍了Husky、Commitlint之后,来看一个前端文件过滤的工具Lint-staged,代码的格式化肯定会涉及到文件系统,一般工具会首先读取文件,格式化操作之后,重新写入。对于较大型的项目,文件众多,首先遇到的就是性能问题,虽然如Eslint之类的也有文件过滤配置,但毕竟还是对于匹配文件的全量遍历,如全量的.js文件,基本达不到性能...
下面以vue2项目为例,说明如何添加husky、lint-staged 1、安装依赖项 npm i husky lint-staged -D 2、在scripts中添加一条 "precommit": "lint-staged" 3、在package.json的第一层级添加如下配置 { "husky": { "hooks": { "pre-commit": "npm run precommit" ...