代码之家  ›  专栏  ›  技术社区  ›  Mihail Boiarskii

WebStorm自动完成不适用于React js

  •  16
  • Mihail Boiarskii  · 技术社区  · 8 年前

    我已经创建了一个项目,使用 create-react-app . 我已将JavaScript语言版本切换为 React JSX 在里面 Preferences | Languages & Frameworks | JavaScript 但我仍然有未解决的变量警告和未解决的函数警告。

    4 回复  |  直到 8 年前
        1
  •  25
  •   Bender    8 年前

    在开发任何(不仅仅是react)应用程序时,实现正确代码完成的最简单方法是通过IDE本身添加对所需类型脚本库的支持。假设您将JetBrains IDE用于web开发(可能不是WebStorm,而是IntelliJ IDEA):

    • 转到设置(Ctrl+Alt+S)->语言和;框架
    • 展开JavaScript
    • webstorm js libraries setup
    • 单击下载。。。
    • 搜索您需要的任何库(您可以在libs列表中键入lib name),然后单击下载并安装 download and install TS libraries
    • 使用react时,我建议添加:react;反应dom;react native(如果您对移动开发感兴趣)
    • 完成后单击应用 added TS libraries

    通常您不需要重新启动IDE,更改将立即应用。 快乐的编码!

        2
  •  15
  •   eGhoul aydinugur    8 年前

    为了增强代码的完整性,我们建议您添加一个TypeScript React with的定义文件 npm install --save @types/react

    blog.jetbrains

        3
  •  7
  •   codejockie    7 年前

    在WebStorm上,打开 Preferences ,展开 Languages & Frameworks ,然后展开 JavaScript 点击 Libraries Add 按钮和add对库列表作出反应。
    重新启动WebStorm。

    您可以这样做:
    您可以为React with添加TypeScript定义 npm install --save @types/react

        4
  •  0
  •   João Dias Amaro    8 年前

    此外,为了参考,根据 https://youtrack.jetbrains.com/issue/WEB-24780#comment=27-2681125 npm 手动命令。

    您可以搜索自动完成所需的所有软件包。