Aquest escrit presentarà una guia pas a pas sobre la instal·lació de paquets NPM personalitzats específicament per a projectes TypeScript.
Com instal·lo els paquets NPM per a TypeScript?
Seguiu els passos indicats per instal·lar paquets NPM per a TypeScript:
Pas 1: intensificar un projecte TypeScript
Abans d'instal·lar qualsevol paquet NPM, assegureu-vos que teniu un projecte TypeScript configurat. Amb aquesta finalitat, podeu utilitzar un projecte TypeScript existent o inicialitzar-ne un de nou executant l'ordre següent:
npm init -i
En executar aquesta comanda un fitxer ' package.json ” es crearà en el projecte que gestiona dependències.
Pas 2: trieu el paquet NPM
Identifiqueu el paquet NPM que voleu instal·lar per al vostre projecte TypeScript. Amb aquest propòsit, navegueu per NPM lloc web o cerqueu paquets amb la següent comanda npm:
cerca npm < nom-paquet >
Pas 3: instal·leu el paquet NPM
Per instal·lar un paquet NPM, obriu el terminal o l'indicador d'ordres i executeu l'ordre següent:
Substitueix '
Pas 4: instal·leu les declaracions de TypeScript
Si el paquet que s'ha d'instal·lar no té suport de TypeScript incorporat, els usuaris han d'instal·lar les declaracions de TypeScript per separat. Aquestes declaracions proporcionen informació de tipus per al paquet i permeten la verificació de tipus estàtica i les funcions IDE intel·ligents de TypeScript. Per fer-ho, utilitzeu la següent comanda 'npm':
Substitueix '
Pas 5: importa i utilitza el paquet
Després d'instal·lar el paquet i les seves declaracions, ja esteu preparat per importar-lo i utilitzar-lo dins del codi TypeScript. Importeu les funcionalitats desitjades del paquet al vostre fitxer TypeScript mitjançant la instrucció 'import', tal com es mostra a continuació:
Substituïu 'funcionalitat' per la funcionalitat específica que s'ha d'importar i '
Pas 6: creeu i executeu el projecte TypeScript
Un cop hàgiu instal·lat el paquet NPM, hàgiu integrat les declaracions de TypeScript i hàgiu importat el paquet al vostre codi, esteu preparat per crear i executar el vostre projecte TypeScript. Utilitzeu l'ordre 'tsc' següent per transpilar el fitxer TypeScript a un fitxer JavaScript:
Després d'això, els usuaris poden executar l'ordre 'node' per executar el fitxer JavaScript transpilat:
node < fileName.js >Posem en pràctica les instruccions anteriors.
Exemple: instal·lació de paquets NPM per a TypeScript
Aquest exemple instal·la TypeScript com a paquet npm perquè el nostre codi es pugui compilar mitjançant el compilador TypeScript. Per fer-ho, primer, inicialitzeu el projecte amb l'ordre següent:
Ara executeu l'ordre donada per instal·lar TypeScript:
npm i mecanografiatEn executar correctament l'ordre 'npm', s'instal·larà TypeScript al projecte i un ' mòduls_nodes 'directori,' package.json ' fitxer i ' package-lock.json ” es crearà el fitxer:
Les dependències instal·lades es mostren al ' package.json ” que està disponible a la secció de dependències:
Ara creeu un nou nom de fitxer ' exemple.ts ” al directori del projecte i executeu el codi següent:
deixar exemple: cadena = 'Hola, benvingut a Linuxhint.com!' ;console.log ( exemple ) ;
En aquest exemple:
- Es crea i s'inicia una variable amb un valor de cadena.
- El valor de la variable s'imprimeix a la pantalla/consola mitjançant el mètode console.log().
Per transpilar aquest codi, utilitzeu l'ordre 'tsc' juntament amb el nom del fitxer:
exemple tsc.tsExecuteu l'ordre 'node' que es mostra a continuació per executar el fitxer transpilat:
exemple de node.js Sortida
Això és tot sobre la instal·lació de paquets NPM per a TypeScript.
Conclusió
Per instal·lar paquets NPM per a TypeScript, utilitzeu el ' instal·lació npm ” ordre seguida del nom del paquet que cal instal·lar. Els paquets NPM permeten als desenvolupadors utilitzar una varietat de biblioteques i eines de tercers. Seguint aquesta guia pas a pas, podeu instal·lar fàcilment paquets NPM, integrar declaracions TypeScript i millorar el vostre projecte TypeScript amb funcionalitats addicionals.