2016-03-11 32 views
12

Sono sicuro che mi manca qualcosa di semplice, ma semplicemente non riesco a far funzionare React.js IntelliSense nel codice di Visual Studio.Reagire intellisense in Visual Studio Code

ho fatto quanto segue:

  • npm install typings
  • ext install Typings Installer in codice Visual Studio
  • ext install Typings in Visual Studio Codice
  • typings init nella directory principale del mio "app"
  • typings install --ambient react-global nella radice della mia "app"
  • riavviato Codice Visual Studio

Viene creata una cartella typings. La mia app è strutturato nel seguente struttura di cartelle:

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

Eppure, quando mi trovo in test.js e digito React. non ottengo IntelliSense.

Suppongo che mi manchi qualcosa di fondamentale?

EDIT: Grazie per il vostro aiuto, è di nuovo più coinvolto. I pensare ce l'ho a lavorare e ha scritto sui miei passi qui http://mattdufeu.co.uk/setup-intellisense-vscode-react-js/

+1

dispiace non so la causa di questo .. per fortuna React nucleo ha come 4 funzioni :) e la maggior parte dei progetti utilizzano solo due o tre al massimo. – azium

+0

Controlla la console (Guida> Attiva gli strumenti per sviluppatori) - Il codice di Visual Studio si arresta in modo anomalo molto frequentemente, il motore JavaScript potrebbe essersi arrestato in modo anomalo. Non suggerirei di usare VSCode per l'editing di Javascript, almeno per alcuni mesi fino a quando i bug non saranno risolti. –

+0

vedi salsa in basso a destra? se ha un punto esclamativo - significa che la versione più recente di salsa non è supportata, assicurati di installare la versione più recente di dattiloscritto come dattiloscritto @ next –

risposta

13

penso che è necessario aggiungere jsconfig.json alla radice del vostro spazio di lavoro

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

[Nota: si può anche lasciare il file jsconfig.json vuoto]

Ho avuto lo stesso problema con angolare questo risolto per me.

Spero che questo aiuti !!

+1

Questo sicuramente ha fatto qualcosa, non è sicuro che fosse quello che mi aspettavo, ma ha aiutato. Segnalo come se facesse la differenza più grande – MattDuFeu

+0

@MattDuFeu Felice di aver risolto il tuo problema :) – Umamaheswaran

+2

È possibile ottenere intellisense anche per reagire ai metodi del ciclo di vita? – Qwerty

3

Se qualcun altro incontra questa domanda in marzo o aprile 2016, si potrebbe anche voler controllare questo problema in github per vedere se è stato chiuso:

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

In sostanza, utilizzando import React, { Component } from 'react' ES6-style modulo di importazione provoca Intellisense di Salsa di non lavorare, la soluzione è quella di utilizzare richiedono:
var React = require('react'); var { Component } = React;