webstorm中配置eslint+prettier

前兩個月，咱們的項目裏引入了prettier，配合以前就有的eslint檢查，一會兒就讓自由散漫的我吃夠了苦頭。一個個去改是不可能改的了，那就只有考慮編輯器自動修正，但是看見各類複雜度配置頭就大了，xjb搞了好幾天吧，時好時壞。直到最近纔有點理論能夠指導實踐了。

vscode始終沒有弄好，我如今是用vscode寫好，而後在webstorm上fix-eslint。

廢話很少說，直接上代碼，但願能給正在遭遇一樣煩惱的大家帶來幫助。

下圖爲prettier依賴，最重要的是eslint-plugin-prettier插件

那麼在webstorm怎麼設置呢？

prettier.io/docs/en/web… 有耐心的人能夠直接看這裏，應該能解決了。採用的辦法是在webstorm添加watcher。

首先要設置eslint

而後設置prettier

而後添加prettier的watcher

哎呀，寫字好麻煩，你們湊合看吧 /假笑