用eslint-plugin-prettier + vscode setting + eslint vscode插件的组合实现项目格式规范

安装

pnpm add -D eslint prettier eslint-plugin-prettier eslint-config-prettier

eslint配置

// .eslintrc.js
/** @type {import('@types/eslint').Linter.Config} */
module.exports = {
  root: true,
  extends: [
    'plugin:prettier/recommended'
  ],
}

vscode工作区设置

{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
    "source.fixAll.stylelint": "explicit"
  },
  "eslint.validate": ["javascript"],
  "stylelint.validate": ["css", "less"],
  "eslint.workingDirectories": [
    {
      "mode": "auto"
    }
  ],
  "cSpell.words": [
    "upower"
  ]
}