vue配置eslint，prettier，husky，lint-staged.md

  npx: 88 安装成功，用时 20.076 秒
    How would you like to use ESLint? …
      To check syntax only
    ❯ To check syntax and find problems
      To check syntax, find problems, and enforce code style

   What type of modules does your project use? …
    ❯ JavaScript modules (import/export)
      CommonJS (require/exports)
      None of these

    ? Which framework does your project use? …
      React
    ❯ Vue.js
      None of these

  Does your project use TypeScript? · No / Yes

  ? Where does your code run? …  (Press <space> to select, <a> to toggle all, <i> to invert selection)
    ✔ Browser
    ✔ Node

  What format do you want your config file to be in? …
    ❯ JavaScript
      YAML
      JSON

   ? Would you like to install them now with npm? › No / Yes 

module.exports = {
    "env": {
        "browser": true,
        "es2021": true,
        "node": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:vue/essential",
        "plugin:@typescript-eslint/recommended"
    ],
    "parserOptions": {
        "ecmaVersion": 13,
        "parser": "@typescript-eslint/parser",
        "sourceType": "module"
    },
    "plugins": [
        "vue",
        "@typescript-eslint"
    ],
    "rules": {
    }
}

  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^5.8.0",
    "@typescript-eslint/parser": "^5.8.0",
    "eslint": "^8.5.0",
    "eslint-plugin-vue": "^8.2.0",
    "typescript": "^4.5.4"
  }

 module.exports = {
        "env": {
            "browser": true,
            "es2021": true
        },
        "extends": [
            "eslint:recommended",
          - "plugin:vue/essential",
          + 'plugin:vue/vue3-recommended',
            "plugin:@typescript-eslint/recommended"
        ],
        "parserOptions": {
            "ecmaVersion": 13,
            "parser": "@typescript-eslint/parser",
            "sourceType": "module"
        },
        "plugins": [
          - "vue",
            "@typescript-eslint"
        ],
        "rules": {
        }
    };

 pnpm install prettier eslint-config-prettier eslint-plugin-prettier -D

  module.exports = {
        ...,
        extends: [
            ...,
            'prettier',
            ...
        ]
    }

module.exports = {
  // 一行最多 120 字符
  printWidth: 120,
  // 使用 2 个空格缩进
  tabWidth: 2,
  // 不使用缩进符，而使用空格
  useTabs: false,
  // 行尾需要有分号
  semi: false,
  // 使用单引号
  singleQuote: true,
  // 对象的 key 仅在必要时用引号
  quoteProps: 'as-needed',
  // jsx 不使用单引号，而使用双引号
  jsxSingleQuote: false,
  // 末尾不需要逗号
  trailingComma: 'none',
  // 大括号内的首尾需要空格
  bracketSpacing: true,
  // jsx 标签的反尖括号需要换行
  // jsxBracketSameLine: false,
  // 箭头函数，只有一个参数的时候，也需要括号
  arrowParens: 'always',
  // 每个文件格式化的范围是文件的全部内容
  rangeStart: 0,
  // 不需要写文件开头的 @prettier
  requirePragma: false,
  // 不需要自动在文件开头插入 @prettier
  insertPragma: false,
  // 使用默认的折行标准
  proseWrap: 'preserve',
  // 根据显示样式决定 html 要不要折行
  htmlWhitespaceSensitivity: 'css',
  // 换行符使用 lf
  endOfLine: 'lf'
}

 {
        ...,
        "scripts": {
            "prettier:lint": "prettier --write ."
        },
        ...
    }

pnpm add -D lint-staged husky

pnpm set-script prepare "husky install"
pnpm run prepare

pnpx husky add .husky/commit-msg 'npx --no-install commitlint --edit "$1"'


// 给package.json里修改些相应的内容
{
    ...,
    "scripts": {
        ...
        "lint": "eslint "{src,packages}/**/*.{vue,js,ts,tsx}" --fix"
        ...
    },
    
    "lint-staged": {
        "*.{js,ts,vue,jsx,tsx}": [
          "prettier --write .",
          "pnpm run lint"
        ]
    }
    ...
}

{
  "name": "",
  "version": "0.0.1",
  "description": "",
  "main": "lib/index.js",
  "directories": {
    "example": "examples"
  },
  "scripts": {
    "bootstrap": "pnpm install",
    "prepare": "husky install",
    "lint": "eslint "{src,packages}/**/*.{vue,js}" --fix"
  },
  "repository": {
    "type": "git",
    "url": "https://gitee.com/sdjnduantong/xxxx.git"
  },
  "keywords": [
  ],
  "author": "duantong",
  "license": "MIT",
  "engines": {
    "node": ">= 12.20.0"
  },
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^5.8.0",
    "@typescript-eslint/parser": "^5.8.0",
    "eslint": "^8.5.0",
    "eslint-config-prettier": "^8.3.0",
    "eslint-plugin-prettier": "^4.0.0",
    "eslint-plugin-vue": "^8.2.0",
    "husky": "^7.0.4",
    "lint-staged": "^12.1.3",
    "prettier": "^2.5.1",
    "typescript": "^4.5.4"
  },
  "lint-staged": {
    "*.{js,vue,jsx}": [
      "prettier --write .",
      "pnpm run lint"
    ]
  }
}