Codice Visual Studio Importazioni automatiche

Question

Sono in procinto di passare da Webstorm a Visual Studio Code. Le prestazioni in Webstorm sono abissali.

Il codice di Visual Studio non è molto utile per trovare le dipendenze di cui ho bisogno e per importarle. Finora l'ho fatto manualmente, ma a dire il vero preferirei attendere 15 secondi prima che la webstorm trovi e aggiunga la mia importazione che deve scavare manualmente per essa.

sto usando il seme angular2 da @ Minko-gechev https://github.com/mgechev/angular2-seed

Ho un tsconfig.json nel mio basedir che assomiglia a questo:

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "declaration": false, 
    "removeComments": true, 
    "noLib": false, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "sourceMap": true, 
    "pretty": true, 
    "allowUnreachableCode": false, 
    "allowUnusedLabels": false, 
    "noImplicitAny": true, 
    "noImplicitReturns": true, 
    "noImplicitUseStrict": false, 
    "noFallthroughCasesInSwitch": true 
    }, 
    "exclude": [ 
    "node_modules", 
    "dist", 
    "typings/index.d.ts", 
    "typings/modules", 
    "src" 
    ], 
    "compileOnSave": false 
} 

e devo un altro nella mia directory src/client che assomiglia a questo:

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": false, 
    "allowSyntheticDefaultImports": true 
    } 
} 

Non so perché ce ne sono due. Il progetto seme angualr usa compiti di compilazione gulp dattiloscritto, quindi immagino che la compilazione sia diversa.

Cosa posso fare per rendere più utile vscode ??

Answer 1

Ho ottenuto questo lavorando installando vari plugin. Ecco uno screenshot del mio elenco di estensioni. La maggior parte delle volte le cose vengono importate da sole non appena scrivo il nome della classe. In alternativa appare una lampadina su cui è possibile fare clic. Oppure puoi premere F1 e digitare "import ..." e ci sono anche varie opzioni. Li uso tutti. Anche l'implementazione di F1 per l'implementazione di un'interfaccia è utile, ma non sempre funziona.

Answer 2

C'è un Visual Studio Code issue è possibile tenere traccia e il pollice in alto per questa funzione. C'era anche un User Voice issue, ma credo che si siano trasferiti a votare su problemi di GitHub.

Sembra che vogliano funzionalità di importazione automatica in TypeScript, quindi può essere riutilizzato. TypeScript auto import issue to track and thumbs up here.

Answer 3

Ho usato il plugin Auto Import che è abbastanza facile.

Trova, analizza e fornisce automaticamente le azioni di codice e il completamento del codice per tutte le importazioni disponibili. Funziona con Typescript e TSX.

Si può vedere come funziona in: https://marketplace.visualstudio.com/items?itemName=steoates.autoimport