前端项目代码规范 ----- 配置eslint规范，增加Git工作流规范

已实践，管用

------

在项目触发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}\   ）

------------------

保存时，优化导入的顺序

"editor.codeActionsOnSave": {

// "source.fixAll": "explicit",

// "source.fixAlleslint": "explicit",    // 这个可以触发eslint校验，把没有引用的代码自动删除

"source.fixAllstylelint": "explicit",

"source.organizeImports": "explicit"

}