Prettier 和 ESLint 沖突解決方案 eslint-config-prettier eslint-plugin-prettier


划重點

eslint-config-prettier 禁用 eslint 沖突配置
eslint-plugin-prettier Prettier先格式化 (默認是先eslint格式化,再Prettier格式化)

如何解決Prettier與ESLint的配置沖突問題?

在代碼格式化時采用Perttier規則,而我們代碼校驗使用的是ESLint,如果同一個規則配置不一致,往往就會出現沖突問題;

比如:字符串單、雙引號的配置,eslint fix后把字符串變成單引號,再次編輯文件后,保存(Prettier)自動格式化后卻又變成雙引號,導致代碼校驗異常。

解決方式一:要么修改 eslintrc,要么修改 prettierrc 配置,讓它們配置保持一致;

解決方式二:禁用 ESLint中和Prettier配置有沖突的規則;再使用 Prettier 來替代 ESLint 的格式化功能;
安裝eslint-config-prettier插件配置集,把其配置到eslintrc規則的尾部。執行ESLint命令,會禁用那些和Prettier配置有沖突的規則。
安裝eslint-plugin-prettier插件,先使用Prettier對代碼進行格式化,再並對不一致的地方進行標記;
這兩個包配合使用,可以達到運行 eslint --fix 時,采用Prettier的配置規則 來格式化文件。

具體配置及使用方式,請自行查閱探索;

資料

【總結】1265- 理解 ESLint、Prettier、EditorConfig 代碼規范
https://mp.weixin.qq.com/s/OlMMNAYHqRkjKmnLBYdEDg


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM