![image.png](https://cdn.steemitimages.com/DQmZ1fYrekxXK3VTqxuP4ZQ6HQohEDCLesRwSSULvcurzMJ/image.png)


今天是週未假期的第一天，本想輕鬆搞一搞放置多時的 side project。

可惜一上手不久，剛想把項目 ```npm run dev``` 起來繼續 develop, 按下 Enter 鍵後一大堆 ERROR 彈出，根本完全不能打開項目 。令我十份頭痛。

粗看一下 ERROR 提示

```✖ 1 problem (1 error, 0 warnings)
[1]   1 error and 0 warnings potentially fixable with the `--fix` option.
```

心想: 難度就如此簡單打個指令就能除錯!? 先試試。

結果不言而喻，ERROR 顯視的提示大多都比較坑。

只好自己來看錯在那裡，相信加上 Google 大神，可以很快 debug 。

```
12:35  error  Replace `·indeterminate·color="grey·lighten-5"` with `⏎················indeterminate⏎················color="grey·lighten-5"⏎··············`  prettier/prettier
```

從我的 ERROR 上看得出是其中 prettier 出了問題，看樣子是 ESlint + Prettier rules 有衝突，當中有一個覺得需要對空格數量進行修改。

可是文件內有很多都有一樣的問題，要是每個都改，花的時間不值。

請求 Google 大神，怎樣可以自動修改 prettier 設下的 rules 呢？

最後找到方法，在 cmd 上打上

```
npx prettier --write "**/*.{vue,js}"
```

完成! 可以繼續工作了!