webstorm中配置eslint+prettier

7,522 阅读1分钟

前两个月,我们的项目里引入了prettier,配合之前就有的eslint检查,一下子就让自由散漫的我吃够了苦头。一个个去改是不可能改的了,那就只有考虑编辑器自动修正,可是看见各种复杂度配置头就大了,xjb搞了好几天吧,时好时坏。直到最近才有点理论可以指导实践了。

vscode始终没有弄好,我现在是用vscode写好,然后在webstorm上fix-eslint。

废话不多说,直接上代码,希望能给正在遭遇同样烦恼的你们带来帮助。

下图为prettier依赖,最重要的是eslint-plugin-prettier插件


那么在webstorm怎么设置呢?

prettier.io/docs/en/web… 有耐心的人可以直接看这里,应该能解决了。采用的办法是在webstorm添加watcher。

首先要设置eslint


然后设置prettier


然后添加prettier的watcher


哎呀,写字好麻烦,大家凑合看吧 /假笑