Я не могу настроить jQuery на vscode

#jquery #visual-studio-code

#jquery #visual-studio-code

Вопрос:

Я новичок в Stackoverflow, это мой самый первый вопрос, я еще не уверен, как все это работает, и я надеюсь, что смогу правильно объяснить свою проблему. Я пытался использовать jQuery в vscode, поэтому я установил Node.js , а затем последовал этому руководству на YouTube; Я набрал npm install tsd -g , затем npm install typings --global и, наконец typings install dt~jquery --global , в своем терминале, как сказал парень из руководства, и в конце концов папка: «typings» появилась в папке проекта. Это изображение появившейся папки.

После этого парень скопировал содержимое последнего файла с именем «index.d.ts», который в моем случае содержался /// <reference path="globals/jquery/index.d.ts" /> , в «plugins.js » файл, хранящийся в папке JS. Как вы можете видеть, у меня нет этой папки и этого файла. Что мне нужно сделать? Я допустил ошибку при создании всего проекта или мне нужно создать папку JS с нуля? И если да, то как? Я очень мало знаю о vscode и jQuery, typescript… Я надеюсь, что кто-то может помочь, заранее спасибо.

Ответ №1:

Я попытаюсь объяснить структуру файла, похожую на вашу

структура

С помощью последней команды мы сгенерировали typings папку. Внутри typings/globals/jquery/index.d.ts вы можете увидеть объявления Typescript, которые будут использоваться для предложений в VS Code:

введите описание изображения здесь

Теперь нам нужно изменить наш index.js , чтобы использовать эти типы. Стрелками я показываю, как работает импорт. Мы добавляем ссылочный путь для typings/index.d.ts . typings/index.d.ts просто повторно экспортирует типизацию из globals/jquery/index.d.ts (см. /// <reference path="globals/jquery/index.d.ts" /> Внутри него).

введите описание изображения здесь
введите описание изображения здесь

После создания такого рода цепочки мы можем ввести наш js-файл и получить автоматические предложения

введите описание изображения здесь

Комментарии:

1. Большое вам спасибо. Это решило мою проблему; Я не знал, что это так легко исправить, так что извините, если я потратил ваше время … 🙂