在 Visual Studio Code 中react智能感知

IT技术 reactjs intellisense visual-studio-code
2021-05-25 09:34:49

我确定我遗漏了一些简单的东西，但我根本无法让 React.js IntelliSense 在 Visual Studio 代码中工作。

我做了以下工作：

  • npm install typings
  • ext install Typings Installer 在 Visual Studio 代码中
  • ext install Typings 在 Visual Studio 代码中
  • typings init 在我的“应用程序”的根目录中
  • typings install --ambient react-global 在我的“应用程序”的根目录中
  • 重新启动的 Visual Studio 代码

这样就创建了一个typings文件夹。我的应用程序的文件夹结构如下：

├───public
│   ├───css
│   └───scripts
|       └───test.js
└───typings
    ├───browser
    │   └───ambient
    │       └───react-global
    └───main
        └───ambient
            └───react-global

然而，当我进入test.js并输入时，React.我没有获得智能感知。

我想我错过了一些基本的东西？

编辑：感谢您的帮助，它实际上再次涉及更多。我想我有它的工作并在这里写了我的步骤http://mattdufeu.co.uk/setup-intellisense-vscode-react-js/

4个回答

我认为您需要将 jsconfig.json 添加到工作区的根目录

https://code.visualstudio.com/docs/languages/javascript#_javascript-projects-jsconfigjson

[注意：您甚至可以将jsconfig.json文件留空]

我有同样的角度问题，这为我解决了。

希望这可以帮助！！

现在不再推荐打字（以及就此而言 tsd）。我发现针对我的情况的单行答案只是在命令中包含来自 npm 的类型定义

npm i @types/react --save-dev

intellisense 立即在 Visual Studio Code 中为我获取了新定义，但对于其他人，您可能需要重新启动 VSCode 窗口。

我不确定它是否相关，但我的应用程序是使用最新版本的 create-react-app 创建的。

如果其他人在 2016 年 3 月或 4 月遇到此问题，您可能还希望在 github 中检查此问题以查看它是否已关闭：

https://github.com/Microsoft/vscode-react-native/issues/61

本质上，使用import React, { Component } from 'react'ES6 样式的module导入会导致 Salsa 的 Intellisense 不起作用，解决方法是使用 require：
var React = require('react'); var { Component } = React;

如果您将一个空的jsconfig.json文件添加到您的React项目，它将导致构建过程崩溃。只需用类似的东西填充它

{
  "compilerOptions": {
    "target": "es6"
  }
}
其它你可能感兴趣的问题
上一篇使用 bundle.js 时在浏览器中react调试 下一篇如何在 React Native 的 MapView 中设置标记