Как включить подсказку\автозаполнение атрибутов jsx в VS Code?

Question

[MatthewW]

Добрый день.

Не кидайте тапками если вопрос глупый.
Собираю на webpack буилдер для React/Redux + babel + другая порнография. Из React, при вводе, не подтягиваются подсказки по синтаксису - например className, style и т.д.
В create-react-app - это есть из коробки.
Вижу что ссылается, через import, на глобальный index.d.ts - откуда подтягивает синтаксис.
Фото ниже.

В связи с этим вопрос - каким образом это достигается и как сделать то же самое в webpack.
Сам пока не въезжаю, да и опытом похвастаться не могу.

Заранее спасибо!

ПС: React, в webpack, подключен и работает.

Comments

[WbICHA]

А разве расширение файла не должно быть .jsx? Я с жс + реакт мало дел имел, но мне казалось это обязательным.

[Михаил]

WbICHA, не

[Михаил]

В чем конкретно проблема не знаю, но автору советую использовать вот эту команду на новосозданном проекте, и посмотреть конфиг вебпака

Answer 1

[xenonhammer]

подсказки появляются, потому потому что есть поддержка тайпскриптовых деклараций, а у вас в вашем новом проекте таких деклараций нет.
вс код иногда пытается сам определить тип и методы, чтобы выводить в подсказках, по этому посмотри есть ли у вас плагины для вс кода тайпскриптовые, если нет то установите и настройки, чтобы обычные js файлы тоже проверялись. ищите в доках

Comments

[MatthewW]

Добрый день.

Огромное спасибо! Все дело именно в декларации.

Грубо говоря, все решается одной командой:
npm i -D @types/react

[xenonhammer]

Добрый день, раз на то пошло то и @types/node