JQuery intellisense in Visual Studio Code

Question

Ich entschied mich, in Visual Studio Code zu springen, um eine App zu erstellen.
Jetzt kann ich nicht scheinen, dass Intellisense für JQuery und JQuery Mobile funktioniert.

Meine VSC Version 0.10.1

ist ich das Hinzufügen versucht, eine reference.d.ts Datei mit diesem Inhalt

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

(Dateien von https://github.com/DefinitelyTyped/DefinitelyTyped heruntergeladen)

Ich habe versucht, eine .js Datei zu öffnen, fügen Sie ein $(this) und schlagen Strg + Punkt, aber es sagt 'Keine Vorschläge'.

Etwas, was ich vermisst habe?

UPDATE:

versucht, indem eine jsconfig.json Datei folgende https://code.visualstudio.com/docs/languages/javascript#_javascript-projects-jsconfigjson

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

erneut gestartet, nichts ...

UPDATE 2:

hinzugefügt, um eine .js Datei, getippt $ und klickte auf die Glühbirne, um jquery.d.ts Datei herunterzuladen. Es warnt mich davor, diese Datei zur Datei jsconfig.json hinzuzufügen. Nachdem dies alles getan, neu gestartet immer noch nicht funktioniert.

jsconfig.json Dateiinhalt:

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

Nichts!

Answer 1

unter typings/ Verzeichnis eine Datei erstellen "tsd.d.ts" mit folgendem Inhalt:

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

jsconfig.json braucht nicht enthalten die Dateien Attribut:

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

Answer 2

Wenn Sie bereits vertraut mit npm (wenn nicht Sie sollten)

Ich schlage vor, Sie installieren typings das ist ein TypScript-Definition-Manager, die sehr gut mit Visua arbeiten l Studio-Code (getestet auf Mac und Windows)

einfach laufen

npm install typings --global 

Natürlich müssen Sie npm bereits installed auf Ihrem lokalen PC/MAC haben müssen.

Danach bewegen sich auf der Kommandozeile (Terminal oder cmd) und führen

typings install dt~jquery --global --save 

Es wird die Typisierungen Verzeichnis erstellen und alle benötigten Dateien (nicht benötigen Visual Studio-Code neu zu starten), und Sie sind bereit, gehen!.

Wenn Sie mehr über Typings erfahren möchten, folgen Sie einfach dem obigen Link.

Answer 3

wenn Sie Typisierungen 1.x verwenden, sollten Sie verwenden:

Typisierungen installieren dt ~ jquery --global

1.x in der Eingabe, gibt es viel ändert.

Answer 4

Neueste (Stand April 2017) vorgeschlagene Ansatz, dies zu tun ist durch Hinzufügen jsconfig.json Datei im Root Ihres Projektes mit den folgenden Inhalten automatischen Typ Erwerb zu verwenden:

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

Dann Sie in Ihrem Editor sehen:

Für weitere Informationen besuchen Sie official documentation

Answer 5

Sie sollten nicht vergessen, den Verweis auf die d.ts-Datei in Ihren Skripten hinzuzufügen. Für z. Fügen Sie diese Referenz /// <reference path="js/jquery.d.ts"/> am Anfang des Skripts hinzu, um die jQuery-Vorschläge während der Eingabe anzuzeigen.

Answer 6

Ich hatte ein kleines Problem damit, also möchte ich die Lösung teilen, die für mich arbeitete. Zuerst müssen Sie in Projekt-Stamm package.json wenn Sie es nicht einfach in der Konsole haben Typ:

$ npm init 

dieser Befehl einen package.json mit den notwendigen Inhalt generiert werden sollen. dann diesen Befehl in der Konsole ausführen:

$ npm install --save @types/jquery 

und wie @oldbam sagte vor der Verwendung automatischer Typ Erwerb: von unten mit dem Code zu schaffen jsonconfig.json:

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