在Visual Studio代码中反应intellisense

Question

我确定我遗漏了一些简单的东西,但我根本无法让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/

Answer 1

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

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

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

我有同样的问题角度这解决了我.

希望这可以帮助!!

Answer 2

现在，不再建议键入（和tsd）。我发现针对我的情况的一行答案只是在命令中包含了npm的类型定义

npm i @types/react --save-dev

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

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

Answer 3

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

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

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