使用ESLint和Prettier时，VS Code中用于格式化/ linting的用户设置是什么？ （阅读说明）

Question

我看了这个视频，https://www.youtube.com/watch?v=YIvjKId9m2c

并阅读这篇文章，https://medium.com/appstud/eslint-and-prettier-working-on-visual-studio-code-with-create-react-app-32dfef4b029c

为什么在这两个示例中我们必须在user.settings.json中执行此操作，

“[javascript]”: {
 “editor.formatOnSave”: false,
},
“prettier.disableLanguages”: [
 “js”
]

为什么要在保存JS文件时禁用格式？每次手动格式化都不会令人厌烦吗？并且禁用更漂亮的JS似乎打败了目的？

Answer 1

1. VS Code有一个内置的格式化程序，可以开箱即用。你甚至不需要ESlint或Prettier就可以了。但是如果您已经安装了ESLint插件，那么依靠它的格式化程序会更好。因此，我们禁用vscode附带的保存内置格式。
2. 如果你已经安装了eslint-plugin-prettier并添加了这个设置"extends": ["react-app", "plugin:prettier/recommended"]，那么你已经拥有了包含在eslint中的更漂亮的规则。因此，您不需要为javascript单独更漂亮的插件。但是你可能需要它用于其他文件（css，md）。因此它的禁用仅适用于javascript。