webstorm 中使用 Eslint+Prettier统一代码风格

https://juejin.cn/post/6844903653694767117
1

最重要的是eslint-plugin-prettier插件

那么在webstorm怎么设置呢？

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

首先要设置eslint

然后设置prettier

然后添加prettier的watcher

众所周知，eslint不仅能检查代码质量，也能检查代码样式。

可能和Prettier的风格有冲突。

可以使用eslint-plugin-prettier，让Eslint使用Prettier风格

npm install eslint-plugin-prettier

通过使用eslint-config-prettier配置，能够关闭一些不必要的或者是与prettier冲突的lint选项。这样我们就不会看到一些error同时出现两次。使用的时候需要确保，这个配置在extends的最后一项。

.eslintrc.js

{
extends: [
‘standard’, //使用standard做代码规范
“prettier”,
]
}
复制代码
同时使用上面两项配置
如果你同时使用了上述的两种配置，那么你可以通过如下方式，简化你的配置。
.eslintrc.js
{
“extends”: [“plugin:prettier/recommended”]
}