2016-03-11 162 views
12

我確定我缺少一些簡單的東西,但我根本無法讓React.js IntelliSense在Visual Studio代碼中工作。React intellisense在Visual Studio代碼

我也做了以下內容:

  • npm install typings
  • 在Visual Studio代碼在我的 「應用程序」
  • typings install --ambient react-global的根目錄下的Visual Studio代碼
  • typings init
  • ext install Typingsext install Typings Installer在我的「應用程序」的根目錄中
  • 重新啓動Visual Studio代碼

創建了一個typings文件夾。當我在test.js並鍵入React.我沒有得到任何的IntelliSense然而

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

:我的應用程序的結構在以下文件夾結構。

我想我錯過了一些基本的東西?

編輯:感謝您的幫助,它實際上再次涉及更多。我想有它的工作,在這裏寫關於我的腳步http://mattdufeu.co.uk/setup-intellisense-vscode-react-js/

+1

對不起,我不知道這種情況的原因..幸運的是陣營的核心有一個像4個功能:)大部分項目僅使用兩個或最多三個。 – azium

+0

檢查控制檯(幫助>切換開發人員工具) - Visual Studio代碼相當頻繁地崩潰,JavaScript引擎可能崩潰。我不會建議使用VSCode進行Javascript編輯,至少幾個月後才能解決錯誤。 –

+0

你在右下角看到莎莎嗎?如果它有一個感嘆號 - 這意味着最新版本的莎莎不被支持,請確保安裝最新版本的打字稿作爲打字稿@下一個 –

回答

13

我想你需要jsconfig.json添加到您的工作區的根

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

[注:你甚至可以離開jsconfig.json文件空]

我有同樣的問題與角度這解決了我。

希望這有助於!

+1

這當然做了一些事情,不太確定這是我期待的,但它確實有幫助。我會打勾這個,因爲它似乎是最大的區別 – MattDuFeu

+0

@MattDuFeu很高興它解決了你的問題:) – Umamaheswaran

+2

是否有可能爲反應生命週期方法獲得intellisense? – Qwerty

3

如果別人在三月或2016年4月遇到這個問題,你可能也希望您在github上這個問題,看它是否已關閉:

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

從本質上講,使用import React, { Component } from 'react' ES6風格模塊進口導致莎莎的智能感知不工作,解決方法是使用要求:
var React = require('react'); var { Component } = React;

相關問題