VsCode设置用于显示错误

Question

我现在正在学习React，我想知道如何设置VsCode，这样当我忘记在useCallback或useEffect挂钩中添加依赖项时，它会向我显示错误

Answer 1

您的react项目是否使用javascript或typescript？

要在键入时在VSCode中显示错误/警告，您需要为VSCode安装ESLint扩展。

一旦您有了ESLint扩展，您将需要设置您的ESLint规则。Create react应用程序(您可能正在使用它来创建项目(已经附带了一些ESLint规则。您可以在node_modules/eslint-config-react-app中查看启用的规则

现在，您可能需要将规则或插件扩展/添加到ESLint规则集。您可以在不弹出react应用程序的情况下完成此操作。以下是配置它的一些信息。

typescript的一个简单的eslintConfig部分看起来像这样：

"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
],
"overrides": [
{
"extends": [
"plugin:@typescript-eslint/recommended"
],
"files": [
"**/*.ts?(x)"
]
}
]
},