web-dev-qa-db-fra.com

JQuery intellisense dans Visual Studio Code

J'ai décidé de sauter dans Visual Studio Code pour créer une application.
Maintenant, je n'arrive pas à faire fonctionner intellisense pour JQuery et JQuery Mobile.

Ma version de VSC est 0.10.1

J'ai essayé d'ajouter un fichier reference.d.ts avec ce contenu

/// <reference path="js/jquery.d.ts"/>
/// <reference path="js/jquerymobile.d.ts"/>

(fichiers téléchargés depuis https://github.com/DefinitelyTyped/DefinitelyTyped )

J'ai essayé d'ouvrir un fichier .js, d'ajouter une $(this) et d'appuyer sur ctrl + période, mais celui-ci indique «Aucune suggestion».

Quelque chose m'a manqué?

METTRE À JOUR:

J'ai essayé d'ajouter un fichier jsconfig.json après https://code.visualstudio.com/docs/languages/javascript#_javascript-projects-jsconfigjson

{
    "files": [
        "js/jquery.d.ts",
        "js/jquerymobile.d.ts"
    ]
}

Redémarré, rien ...

UPDATE 2:

ajouté un fichier .js, tapé $ et cliqué sur l’ampoule pour télécharger le fichier jquery.d.ts. Cela m’avertit d’ajouter ce fichier au fichier jsconfig.json . Après tout cela, le redémarrage ne fonctionne toujours pas.

jsconfig.json contenu du fichier:

{
    "files": [
        "typings/jquery/jquery.d.ts"
    ]
}

Rien!

jqueryideintellisensevisual-studio-code
9
grmbl

La dernière approche suggérée (à partir d'avril 2017) consiste à utiliser l'acquisition de type automatique en ajoutant un fichier jsconfig.json à la racine de votre projet avec le contenu suivant:

{
 "typeAcquisition": {
     "include": [
         "jquery"
     ]
   }
}

Ensuite, dans votre éditeur, vous verrez:

 jquery intellisense in Visual Studio Code

Pour plus d'informations, consultez documentation officielle

10
oldbam

Si vous connaissez déjà npm (sinon vous devriez le faire) 

Je vous suggère d'installer typings , qui est un gestionnaire de définitions TypeScript qui fonctionne très bien avec le code Visual Studio (testé sur Mac et Windows).

Il suffit de courir 

npm install typings --global

Bien sûr, vous devez avoir déjà installé npm installé sur votre ordinateur/mac local.

Après cela, passez à la ligne de commande (terminal ou cmd) et exécutez

typings install dt~jquery --global --save

Il créera le répertoire typings et tous les fichiers requis (vous n'avez pas besoin de redémarrer Visual Studio Code) et vous êtes prêt à partir !.

Si vous voulez en savoir plus sur les saisies, suivez simplement le lien ci-dessus.

6
Willjobs

étape 1: assurez-vous d’avoir les fichiers de définition dans votre projet si vous avez npm installé, lancez 

npm i --save-dev @types/jquery

le fichier de définition jQuery sera installé dans node_modules/@types/jqueryelse: téléchargez-le. et le placer dans n’importe quel dossier puis, étape: 2 créer un fichier jsconfig.json

$ touch jsconfig.json

et mettez ce code dans le fichier jsconfig.json

{
    "include": [
        "./node_modules/@types"
    ],
    "exclude": [
        "./node_modules"
    ]
}

c'est tout . 

**

note: j'exclus ./node_modules si vous l'avez dans votre Si ce n'est pas le cas, incluez simplement le fichier jquery.d.ts.

**

merci 

1
insCode

J'ai eu un petit problème avec elle, donc j'aimerais partager la solution qui a fonctionné pour moi . Au début, vous avez besoin de la racine du projet package.json si vous ne l'avez pas dans la console, tapez simplement:

$ npm init

cette commande devrait créer un package.json avec le contenu nécessaire dedans . Ensuite, exécutez cette commande dans la console:

$ npm install --save @types/jquery

et comme @oldbam a dit avant d’utiliser l’acquisition de type automatique: en créant jsonconfig.json avec le code ci-dessous:

    {
 "typeAcquisition": {
     "include": [
         "jquery"
     ]
   }
}
0
Tomz Re

N'oubliez pas d'ajouter la référence au fichier d.ts dans vos scripts. Pour par exemple. ajoutez cette référence /// <reference path="js/jquery.d.ts"/> en haut du script pour que vous puissiez voir les suggestions jquery au fur et à mesure que vous tapez.

0
Eric Clinton

si vous utilisez les typages 1.x, vous devez utiliser:

dactylographie install dt ~ jquery --global

en tapant 1.x, il y a beaucoup de changements.

0
Jacky

sous le répertoire typings/, créez un fichier appelé "tsd.d.ts" avec le contenu suivant:

/// <reference path="js/jquery.d.ts"/>
/// <reference path="js/jquerymobile.d.ts"/>

jsconfig.json ne doit pas nécessairement contenir l'attribut files:

{
    "compilerOptions": {
        "target": "ES5",
    }
}
0
bugs_cena