webstorm中配置eslint+prettier

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

vscode始终没有弄好，我如今是用vscode写好，而后在webstorm上fix-eslint。web

废话很少说，直接上代码，但愿能给正在遭遇一样烦恼的大家带来帮助。webstorm

下图为prettier依赖，最重要的是eslint-plugin-prettier插件编辑器

那么在webstorm怎么设置呢？插件

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

首先要设置eslintcode

而后设置prettierorm

而后添加prettier的watchercdn

哎呀，写字好麻烦，你们凑合看吧 /假笑htm