WebStorm 自动完成不适用于 React js
WebStorm auto completion does not work for React js
我使用 create-react-app 创建了一个项目。我已经在 Preferences 中将我的 JavaScript 语言版本切换为 React JSX | Languages & Frameworks | JavaScript。
但是我还是有unresolved variable warning和unresolved function warning.
To enhance code completion we recommend that you add a TypeScript
definition file for React with npm install --save @types/react
在 WebStorm 上，打开 Preferences，展开 Languages & Frameworks，然后展开 JavaScript，单击 Libraries。单击 Add 按钮并将 React 添加到库列表。
重新启动 WebStorm。
或
你这样做：
您可以使用 npm install --save @types/react
为 React 添加 TypeScript 定义
此外，作为参考，根据 https://youtrack.jetbrains.com/issue/WEB-24780#comment=27-2681125 可以完全在 IntelliJ 中解决它，而不是 运行 手动 npm 命令。
您可以搜索自动完成所需的所有包。
在开发任何（不仅是反应）应用程序时实现正确代码完成的最简单方法是通过 IDE 本身添加对所需类型脚本库的支持。假设您使用 JetBrains IDE 进行 Web 开发（可能不是 WebStorm，而是 IntelliJ IDEA）：
- 转到设置 (Ctrl + Alt + S) -> 语言和框架
- 展开JavaScript
- 选择库，你会看到这样的东西
- 点击下载...
- 搜索您需要的任何库（您可以在库列表中开始输入库名称），然后单击下载并安装
- 使用react时，建议加上：react;反应-dom； react-native（如果你对移动开发感兴趣）
- 完成后单击“应用”
通常您不需要重新启动 IDE，更改将立即应用。
编码愉快！
我使用 create-react-app 创建了一个项目。我已经在 Preferences 中将我的 JavaScript 语言版本切换为 React JSX | Languages & Frameworks | JavaScript。
但是我还是有unresolved variable warning和unresolved function warning.
To enhance code completion we recommend that you add a TypeScript definition file for React with
npm install --save @types/react
在 WebStorm 上，打开 Preferences，展开 Languages & Frameworks，然后展开 JavaScript，单击 Libraries。单击 Add 按钮并将 React 添加到库列表。
重新启动 WebStorm。
或
你这样做：
您可以使用 npm install --save @types/react
此外，作为参考，根据 https://youtrack.jetbrains.com/issue/WEB-24780#comment=27-2681125 可以完全在 IntelliJ 中解决它，而不是 运行 手动 npm 命令。
您可以搜索自动完成所需的所有包。
在开发任何（不仅是反应）应用程序时实现正确代码完成的最简单方法是通过 IDE 本身添加对所需类型脚本库的支持。假设您使用 JetBrains IDE 进行 Web 开发（可能不是 WebStorm，而是 IntelliJ IDEA）：
- 转到设置 (Ctrl + Alt + S) -> 语言和框架
- 展开JavaScript
- 选择库，你会看到这样的东西
- 点击下载...
- 搜索您需要的任何库（您可以在库列表中开始输入库名称），然后单击下载并安装
- 使用react时，建议加上：react;反应-dom； react-native（如果你对移动开发感兴趣）
- 完成后单击“应用”
通常您不需要重新启动 IDE，更改将立即应用。 编码愉快！