reactjs - plugin - Reactuar intellisense en Visual Studio Code

visual studio react plugin

Question

Estoy seguro de que me estoy perdiendo algo simple, pero simplemente no puedo hacer que React.js IntelliSense funcione en el código de Visual Studio.

He hecho lo siguiente:

• npm install typings
• ext install Typings Installer en Visual Studio Code
• ext install Typings en Visual Studio Code
• typings init en el directorio raíz de mi "aplicación"
• typings install --ambient react-global en la raíz de mi "aplicación"
• Código de Visual Studio reiniciado

Eso ha creado una carpeta de typings . Mi aplicación está estructurada en la siguiente estructura de carpetas:

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

Sin embargo, cuando estoy en test.js y tipo React. No consigo IntelliSense.

Supongo que me falta algo fundamental?

EDIT: Gracias por su ayuda, en realidad está más involucrado de nuevo. Creo que lo tengo funcionando y escribí sobre mis pasos aquí http://mattdufeu.co.uk/setup-intellisense-vscode-react-js/

Answer 1

Ahora que ya no se recomiendan los tecleados (y para el caso tsd). Encontré que la respuesta de una línea para mi situación era simplemente incluir definiciones de tipo de npm con el comando

npm i @types/react --save-dev

intellisense recogió las nuevas definiciones para mí inmediatamente en Visual Studio Code, pero tal vez para otra persona tal vez necesite reiniciar su ventana VSCode.

No estoy seguro de si es relevante, pero mi aplicación se creó con create-react-app con la última versión.

Answer 2

Creo que necesitas agregar jsconfig.json a la raíz de tu espacio de trabajo

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

[Nota: incluso puede dejar el archivo jsconfig.json vacío]

Tuve el mismo problema con angular esto me lo resolvió.

¡¡Espero que esto ayude!!

Answer 3

Si alguien más se encuentra con esta pregunta en marzo o abril de 2016, es posible que también desee revisar este problema en github para ver si se ha cerrado:

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

Esencialmente, el uso de import React, { Component } from ''react'' importación del módulo de estilo ES6 import React, { Component } from ''react'' hace que el Intellisense de Salsa no funcione, la solución es usar requiere:
var React = require(''react''); var { Component } = React;