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

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

转载于:https://juejin.im/post/5b6adda5f265da0f8c02e161