Questo articolo presenterà una guida dettagliata sull'installazione di pacchetti NPM specificamente personalizzati per i progetti TypeScript.
Come installo i pacchetti NPM per TypeScript?
Segui i passaggi indicati per installare i pacchetti NPM per TypeScript:
Passaggio 1: intensificare un progetto TypeScript
Prima di installare qualsiasi pacchetto NPM, assicurati di aver configurato un progetto TypeScript. A tale scopo, puoi utilizzare un progetto TypeScript esistente o inizializzarne uno nuovo eseguendo il seguente comando:
npm iniz -E
Eseguendo questo comando un file “ pacchetto.json ” verrà creato nel progetto che gestisce le dipendenze.
Passaggio 2: scegli il pacchetto NPM
Identifica il pacchetto NPM che desideri installare per il tuo progetto TypeScript. A tale scopo, sfogliare il NPM sito web oppure cerca i pacchetti utilizzando il seguente comando npm:
ricerca npm < nome del pacchetto >
Passaggio 3: installare il pacchetto NPM
Per installare un pacchetto NPM, apri il terminale o il prompt dei comandi ed esegui il seguente comando:
Sostituire '
Passaggio 4: installare le dichiarazioni TypeScript
Se il pacchetto da installare non dispone del supporto TypeScript integrato, gli utenti devono installare le dichiarazioni TypeScript separatamente. Queste dichiarazioni forniscono informazioni sul tipo per il pacchetto e abilitano il controllo statico del tipo e le funzionalità IDE intelligenti di TypeScript. Per fare ciò, utilizzare il seguente comando 'npm':
Sostituire '
Passaggio 5: importare e utilizzare il pacchetto
Dopo aver installato il pacchetto e le sue dichiarazioni, sei pronto per importarlo e utilizzarlo all'interno del codice TypeScript. Importa le funzionalità desiderate dal pacchetto nel tuo file TypeScript utilizzando l'istruzione 'import', come mostrato di seguito:
Sostituire 'funzionalità' con la funzionalità specifica da importare e '
Passaggio 6: crea ed esegui il progetto TypeScript
Dopo aver installato il pacchetto NPM, integrato le dichiarazioni TypeScript e importato il pacchetto nel codice, sei pronto per creare ed eseguire il tuo progetto TypeScript. Utilizza il seguente comando 'tsc' per trasferire il file TypeScript in un file JavaScript:
Successivamente, gli utenti possono eseguire il comando 'node' per eseguire il file JavaScript transpilato:
nodo < fileName.js >Mettiamo in pratica le istruzioni sopra riportate.
Esempio: installazione di pacchetti NPM per TypeScript
Questo esempio installa TypeScript come pacchetto npm in modo che il nostro codice possa essere compilato utilizzando il compilatore TypeScript. Per fare ciò, per prima cosa, inizializza il progetto usando il seguente comando:
Ora esegui il comando dato per installare TypeScript:
npm i dattiloscrittoDopo l'esecuzione corretta del comando 'npm', TypeScript verrà installato nel progetto e un ' node_modules ” directory, “ pacchetto.json ” file e “ pacchetto-lock.json ” verrà creato il file:
Le dipendenze installate sono mostrate nella sezione ' pacchetto.json ” disponibile nella sezione delle dipendenze:
Ora crea un nuovo nome file ' esempio.ts ” nella directory del progetto ed esegui il seguente codice:
permettere esempio: stringa = 'Ciao, benvenuto su Linuxhint.com!' ;console.log ( esempio ) ;
In questo esempio:
- Una variabile viene creata e inizializzata con un valore stringa.
- Il valore della variabile viene stampato sullo schermo/console utilizzando il metodo console.log().
Per eseguire il transpile di questo codice utilizzare il comando 'tsc' insieme al nome del file:
tsc esempio.tsEsegui il comando 'nodo' indicato di seguito per eseguire il file transpilato:
nodo esempio.js Produzione
Questo è tutto sull'installazione dei pacchetti NPM per TypeScript.
Conclusione
Per installare i pacchetti NPM per TypeScript, utilizzare il ' installazione npm ” seguito dal nome del pacchetto da installare. I pacchetti NPM consentono agli sviluppatori di utilizzare una varietà di librerie e strumenti di terze parti. Seguendo questa guida dettagliata, puoi facilmente installare pacchetti NPM, integrare dichiarazioni TypeScript e migliorare il tuo progetto TypeScript con funzionalità aggiuntive.