eslint和prettier
eslint針對javascript做格式和語法的檢查，prettier主要用於格式化，但格式化的文件類型相比eslint --fix來說要多一些。通常prettier的格式和eslint的格式會產生沖突，造成prettier格式化后eslint大量報錯，所以我們需要配置使得格式上按照prettier為准，eslint專門做語法檢查。
vuecli創建項目
選擇eslint+prettier的格式化方案
eslint-config-prettier和eslint-plugin-prettier
項目創建完成后，package.json的開發依賴如下：
其中@vue/eslint-config-prettier是一組規則，引入到.eslintrc.js的extends數組中用於eslint格式檢查時兼容prettier的格式。
而eslint-plugin-prettier則用於執行eslint --fix時自動執行prettier的格式化
添加prettier.config.js
現在代碼的格式就以prettier為准，我們可以通過新建prettier.config.js文件進行格式調整：
vim prettier.config.js
module.exports = {
singleQuote: true,
semi: false
}
配置webstorm的eslint fix on save
打開fix on save后，代碼修改保存就會自動執行eslint --fix，同時也會自動執行prettier
總結
基本配置步驟如下：
- vuecli創建項目選擇：eslint+prettier
- 添加prettier.config.js：自定義格式配置
- 打開webstorm的fix on save選項