vue 項目 eslint + prettier 配置

prettier 官方有三個跟 eslint 相集成的工具：

https://prettier.io/docs/en/integrating-with-linters.html

它們的具體區別見：https://gist.github.com/savokiss/e5e585f30d3c775a07c45f53fcb6ca06

 

 

不過目前已經不推薦使用 prettier-eslint 了（並且 Vetur 有一個相關 bug，在 VS Code 下也無法格式化代碼），推薦 eslint-plugin-prettier 與 eslint-config-prettier 一起使用。

 

首先安裝相應的包：

yarn add prettier eslint-plugin-pretter eslint-config-prettier -D

然后再 .eslintrc.js 配置文件中配置：

{
  "extends": ["plugin:prettier/recommended"]
}

大功告成，然后 eslint --fix 就會自動修復你的代碼。

 

注意：這種方式實際上是向 prettier 妥協，因為格式化相關的規則都被關閉並且交給 prettier 處理。