已实践,管用
------
在项目触发eslint规范
vscode配置eslint格式化vue,eslint不好使的问题_vue/html-indent-CSDN博客
增加Git 工作流
前端规范之Git工作流规范 Husky + lint-staged_.lintstagedrc-CSDN博客
------
另外,在package.json执行 "lint:fix": "prettier --write . && eslint --fix . && stylelint --fix \"**/*.{css,less,scss}\"", 这样的脚本,它会全局扫描怎么办呢?
配置这个
{"lint-staged": {"*.{js,jsx,less,md,json}": ["prettier --write"],"*.ts?(x)": ["prettier --parser=typescript --write"],"*.{cjs,cts,js,jsx,mjs,mts,ts,tsx,vue}": "eslint","*.{css,less,scss}": "stylelint"},"dependencies": {"lint-staged": "^15.2.2",},}
----- 关于 package.json 的一些工程化知识 ----
1、 像上面的lint-staged ,在第一层配置了 lint-staged 这个配置, 必然下面会有对应的包 。
2、 当npm run lint:fix 时, 像 prettier --write 其实是去 package 下面的 .bin 文件夹下执行 prettier
,eslint ,stylelint 这些文件。
tip: npx prettier 也会去 .bin 文件夹下执行 prettier 文件
( lint:fix": "prettier --write . && eslint --fix . && stylelint --fix \"**/*.{css,less,scss}\ )