vue + husky + eslint + prettier 代码格式化

460 阅读1分钟

prettier

yarn add prettier --dev --exact 

yarn add eslint-config-prettier eslint-plugin-prettier --dev

husky

npx husky-init && yarn

yarn add pretty-quick lint-staged --dev

eslint

yarn add eslint --dev 
yarn add eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue --dev

.eslintrc.js

extends: [
    'plugin:vue/recommended',
    'eslint:recommended',
    'prettier',
    'plugin:prettier/recommended'
]

tips

Delete eslintprettier/prettier 报错

解决方案:

  1. .editorconfig end_of_line=crlf
  2. .prettierrc "endOfLine": "auto"
  3. 重启vscode