web-dev-qa-db-fra.com

React intellisense dans Visual Studio Code

Je suis sûr que je manque quelque chose de simple, mais je ne peux tout simplement pas faire fonctionner React.js IntelliSense dans le code Visual Studio.

J'ai fait ce qui suit:

  • npm install typings
  • ext install Typings Installer dans Visual Studio Code
  • ext install Typings dans Visual Studio Code
  • typings init dans le répertoire racine de mon "application"
  • typings install --ambient react-global à la racine de mon "app"
  • redémarré Visual Studio Code

Cela a créé un dossier typings. Mon application est structurée selon la structure de dossiers suivante:

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

Pourtant, quand je suis test.js et tapez React. Je n'ai pas d'IntelliSense.

Je suppose que je manque quelque chose de fondamental?

EDIT: Merci pour votre aide, c'est en fait encore plus impliqué. Je pense Je le fais fonctionner et j'ai écrit sur mes étapes ici http://mattdufeu.co.uk/setup-intellisense-vscode- react-js /

reactjsintellisensevisual-studio-code
18
MattDuFeu

Je pense que vous devez ajouter jsconfig.json à la racine de votre espace de travail

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

[Remarque: vous pouvez même laisser le jsconfig.json fichier vide]

J'ai eu le même problème avec angular cela l'a résolu pour moi.

J'espère que cela t'aides!!

22
Umamaheswaran

Maintenant que les saisies (et d'ailleurs tsd) ne sont plus recommandées. J'ai trouvé que la réponse d'une ligne pour ma situation était simplement d'inclure des définitions de type de npm avec la commande

npm i @types/react --save-dev

intellisense a repris les nouvelles définitions pour moi immédiatement dans Visual Studio Code, mais peut-être que pour quelqu'un d'autre, vous devrez peut-être redémarrer votre fenêtre VSCode.

Je ne sais pas si c'est pertinent mais mon application a été créée avec create-react-app avec la dernière version.

6
Brandon Søren Culley

Si quelqu'un d'autre rencontre cette question en mars ou avril 2016, vous pouvez également vérifier ce problème dans github pour voir s'il a été fermé:

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

Essentiellement, l'utilisation de import React, { Component } from 'react' L'importation de modules de style ES6 empêche Intellisense de Salsa de fonctionner, la solution de contournement consiste à utiliser:
var React = require('react'); var { Component } = React;

4
Ahmad Ragab

Si vous ajoutez un fichier jsconfig.json vide à votre projet React, le processus de génération se bloquera. il suffit de le remplir avec quelque chose comme

{
  "compilerOptions": {
    "target": "es6"
  }
}
0
Hojat Jafari