JQuery intellisense in Visual Studio Code

Question

Ho deciso di saltare in Visual Studio Code per creare un'app.
Ora non riesco a far funzionare intellisense sia per JQuery che per JQuery Mobile.

versione

mio VSC è 0.10.1

Ho provato ad aggiungere un file reference.d.ts con questo contenuto

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

(file scaricati da https://github.com/DefinitelyTyped/DefinitelyTyped)

Ho provato ad aprire un file .js, aggiungere un $(this) e premendo ctrl + punto ma è dice "Nessun suggerimento".

Qualcosa che ho perso?

UPDATE:

provato ad aggiungere un file jsconfig.json seguente https://code.visualstudio.com/docs/languages/javascript#_javascript-projects-jsconfigjson

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

riavviato, niente ...

UPDATE 2:

aggiunto un file .js,Digitato $ e fatto clic sulla lampadina per scaricare il file jquery.d.ts. Mi avvisa di aggiungere questo file al file jsconfig.json. Dopo aver fatto tutto questo, il riavvio non funziona ancora.

jsconfig.json contenuto del file:

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

niente!

Answer 1

sotto typings/ directory creare un file chiamato "tsd.d.ts" con il seguente contenuto:

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

jsconfig.json non deve contenere l'attributo file:

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

Answer 2

Se sei già familiare con npm (se non dovresti)

Ti suggerisco di installare typings che è un gestore di definizioni di tipo che funziona molto bene con Visua l codice Studio (testato su Mac e Windows)

semplicemente eseguire

npm install typings --global 

Naturalmente è necessario bisogno di avere già NPM installed sul vostro locale pc/mac.

Dopo di che, passare alla riga di comando (terminale o cmd) ed eseguire

typings install dt~jquery --global --save 

Sarà creare la directory tipizzazioni e tutti i file necessari (non è necessario riavviare Visual Codice Studio) e si è pronti a partire!.

Se vuoi saperne di più sui tipi di dattilografia, basta seguire il link per le digitazioni qui sopra.

Answer 3

se si utilizza tipizzazioni 1.x, è necessario utilizzare:

tipizzazioni installare dt ~ jquery --global

nel digitare 1.x, c'è molto modifiche.

Answer 4

più recenti (a partire da aprile 2017) ha suggerito l'approccio per farlo è quello di utilizzare l'acquisizione di tipo automatico con l'aggiunta di jsconfig.json file nella root del vostro progetto con i seguenti contenuti:

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

Poi, nel vostro editor voi vedrà:

Per ulteriori informazioni, controllare official documentation

Answer 5

Non dovresti dimenticare di aggiungere il riferimento al file d.ts negli script. Per es. aggiungi questo riferimento /// <reference path="js/jquery.d.ts"/> nella parte superiore dello script per vedere i suggerimenti jQuery durante la digitazione.

Answer 6

Ho avuto un piccolo problema con esso, quindi mi piacerebbe condividere la soluzione che ha funzionato per me. In un primo momento è necessario nel progetto principale package.json se non lo avete in consolle è sufficiente digitare:

$ npm init 

questo comando dovrebbe creare un package.json con contenuti necessari in esso. Poi eseguire il comando in console:

$ npm install --save @types/jquery 

e simili @oldbam detto prima acquisizione tipo automatico uso: creando jsonconfig.json con il codice di seguito:

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