I’m sure I’m missing something simple, but I simply can’t get React.js IntelliSense to work in Visual Studio code. I have done the following: npm install typings ext install Typings Installer in Visual Studio Code ext install Typings in Visual Studio Code typings init in the root directory o…

React intellisense in Visual Studio Code

I’m sure I’m missing something simple, but I simply can’t get React.js IntelliSense to work in Visual Studio code.

I have done the following:

npm install typings
ext install Typings Installer in Visual Studio Code
ext install Typings in Visual Studio Code
typings init in the root directory of my “app”
typings install --ambient react-global in the root of my “app”
restarted Visual Studio Code

That’s created a typings folder. My app is structured in the following folder structure:

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

Yet when I’m in test.js and type React. I get no IntelliSense.

I presume I’m missing something fundamental?

EDIT: Thanks for your help, it’s actually more involved again. I think I have it working and wrote about my steps here https://mattdufeu.co.uk/blog/setup-intellisense-vscode-react-js/

Answer

You need to add jsconfig.json to the root of your workspace

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

[Note: you can even leave the jsconfig.json file empty]

Advertisement

Answer