2016-03-11 41 views
12

Jestem pewien, że brakuje mi czegoś prostego, ale po prostu nie mogę pobrać React.js IntelliSense do pracy w kodzie Visual Studio.Reaguj intellisense w Visual Studio Code

Zrobiłem następujące:

  • npm install typings
  • ext install Typings Installer w Kodeksie Visual Studio
  • ext install Typings w Visual Kodeksu Studio
  • typings init w katalogu głównym mojego "APP"
  • typings install --ambient react-global w katalogu głównym mojej "aplikacji"
  • ponownie uruchomiony Visual Studio Kod

Utworzono folder typings. Moja aplikacja jest skonstruowany w następującej strukturze katalogów:

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

Jednak gdy jestem w test.js i wpisz React. mam żadnego IntelliSense.

Przypuszczam, że brakuje mi czegoś podstawowego?

EDYCJA: Dzięki za pomoc, to jest bardziej zaangażowane ponownie. myślę mam to pracę i pisał o moich kroków tutaj http://mattdufeu.co.uk/setup-intellisense-vscode-react-js/

+1

Niestety nie znam przyczyny tego .. na szczęście React rdzeń ma jak 4 funkcje :) i większość projektów użyć tylko dwóch lub najwyżej trzy. – azium

+0

Sprawdź konsolę (Pomoc> Przełącz narzędzia programistyczne) - Kod Visual Studio zdarza się dość często, silnik JavaScript mógł ulec awarii. Nie sugerowałbym używania VSCode do edycji Javascript, przynajmniej przez kilka miesięcy, dopóki błędy nie zostaną usunięte. –

+0

czy widzisz salsę w prawym dolnym rogu? jeśli ma wykrzyknik - oznacza to, że najnowsza wersja salsy nie jest obsługiwana, upewnij się, że zainstalowałeś najnowszą wersję maszynopisu jako maszynopis @ next –

Odpowiedz

13

Chyba trzeba dodać jsconfig.json do głównego obszaru roboczego

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

[Uwaga: można nawet zostawić plik jsconfig.json pusty]

Miałem ten sam problem z kątowym rozwiązało to dla mnie.

Mam nadzieję, że to pomoże!

+1

To z pewnością coś zrobiło, nie jestem do końca pewien, czego oczekiwałem, ale pomogło. Zaznaczę to, ponieważ wydawało się, że robi największą różnicę. – MattDuFeu

+0

@MattDuFeu Cieszę się, że udało się rozwiązać Twój problem :) – Umamaheswaran

+2

Czy jest możliwe uzyskanie intellisense również w celu reagowania na metody cyklu życia? – Qwerty

3

Jeśli ktoś napotka na to pytanie w marcu lub kwietniu 2016 roku, może również chcieć sprawdzić ten problem w github, aby sprawdzić, czy został on zamknięty:

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

Zasadniczo, stosując import React, { Component } from 'react' ES6 stylu moduł import powoduje Salsa za Intellisense nie działa, to jest uzycie wymaga:
var React = require('react'); var { Component } = React;