VSCode ESLint与Prettier配置

[hushicai]

eslint是一个linter，支持auto fix。

prettier是一个formatter。

eslint与prettier有一些配置冲突，可以用eslint-config-prettier来解决解决冲突。

eslint-plugin-prettier可以将prettier的错误提交给eslint，通过eslint来提示错误。

那么问题来了？vscode到底用eslint还是prettier来format？

方案一：ESLint

vscode配置：

“eslint.autoFixOnSave”: true

注意不需要启用editor.formatOnSave选项。

这样就可以统一通过eslint来解决所有问题。

方案二：ESLint + Prettier

vscode配置：

“editor.formatOnSave”: true

注意不需要启用eslint.autoFixOnSave选项，一般eslint能够fix的问题，prettier都已经解决了，所以不需要eslint auto fix。

ESLint负责lint。

Prettier负责format。

各司其职，都挺好。

后记

这里有一个例子，采用了方案二，主要需要关注一下vscode的配置。