[Prettier Eslint]插件解决prettier与eslint冲突问题

126 阅读1分钟

vscode有个Prettier Eslint插件,可以自动通过eslint的规则来格式化代码。这样就不用安装PrettierEslint两个插件然后改它们各自的配置了。

这个插件也说了,PrettierEslint两个插件是不需要了,就可以卸载了。

image.png

如何使用:

安装好插件以后,把下面配置项加到vscode的settings.json配置文件中:

{\
"editor.defaultFormatter": "rvest.vs-code-prettier-eslint",\
"editor.formatOnPaste": false, // required\
"editor.formatOnType": false, // required\
"editor.formatOnSave": true, // optional\
"editor.formatOnSaveMode": "file", // required to format on save\
"files.autoSave": "onFocusChange" // optional but recommended\
}

当然,这也是插件说明书上写的:

image.png

具体意思应该很容易懂的。

然后就是重启vscode。

接下来只需要Esling的配置文件.eslintrc.js就行了,保存时就会根据eslint的规则(rules)自动格式化代码了。