Comment télécharger des bibliothèques / packages JavaScript avec NPM

Bibliothèques contiennent du code pré-écrit qu'un développeur peut intégrer à son propre code pour effectuer différentes actions qui, autrement, leur obligerait à écrire un code complexe étendu.

Paquets peut contenir des bibliothèques, des sous-packages et d'autres fichiers. Dans certaines langues, les bibliothèques et les packages sont les mêmes choses.

Qu'est-ce que NPM?

NPM, court pour Node Package Manager, est un gestionnaire de packages pour le nœud.Packages JS utilisés pour télécharger et intégrer des packages dans le code JavaScript. Ces packages contiennent tous les fichiers requis pour un module (bibliothèque).

NPM fait partie intégrante de l'écosystème JavaScript et contient de nombreux logiciels, bibliothèques, modules ou packages open source. Cela facilite l'écriture du code car les développeurs peuvent compter sur du code déjà écrit pour effectuer des actions différentes.

Comment télécharger NPM?

NPM est livré avec le nœud.JS; Il est automatiquement installé sur votre système lorsque vous installez le nœud.js. Nous devons donc d'abord installer le nœud.JS de leur site officiel:

https: // nodejs.org / en / téléchargement /

Visitez le lien ci-dessus et téléchargez la version LTS (recommandée) de Node.js. Une fois le téléchargement terminé, installez le nœud.js dans votre système. NPM sera automatiquement installé une fois le nœud.JS est installé avec succès sur votre système.

Vous pouvez exécuter la commande ci-dessous dans l'invite de commande (CMD) pour vérifier si le nœud.JS et NPM ont été correctement installés sur votre système.

> Nœud -v
> Npm -v

Comment télécharger des packages à l'aide de NPM?

Nous allons maintenant télécharger un package en utilisant NPM, qui est un processus très simple. Pour télécharger n'importe quel package à l'aide de NPM, ouvrez d'abord le terminal, puis utilisez la syntaxe suivante:

> npm install [package_name]

Dans cet exemple, nous installerons le package de craie, qui est utilisé pour styliser le texte qui s'affiche sur la console:

> NPM Installer la craie

NPM Crée un nouveau dossier par le nom de (s'il n'existe pas déjà) "node_modules”Pour stocker le colis. Maintenant, tous vos packages téléchargés seront stockés dans ce dossier.

Pour vérifier l'installation réussie de votre package, exécutez la commande ci-dessous:

> ls node_modules

Comment télécharger des packages à l'échelle mondiale avec NPM

La méthode a donné ci-dessus uniquement le package NPM localement; Cela signifie que le projet actuel ne peut accéder qu'au package. Si vous souhaitez installer un package NPM auquel tout projet sur votre système peut accéder, utilisez la syntaxe suivante:

> NPM Install -g [package_name]> NPM Install -g Upper Case

Comment utiliser le package

Un package NPM peut être intégré dans le code source JavaScript de la manière suivante:

const u-upper_case = require ('supérieur');
console.journal (upper_case.Uppercase ("Hello Linux Indice!"));

Comme la plupart d'entre vous le savent très probablement déjà ce nœud.JS est une technologie côté serveur. Ainsi, lorsque nous essayons d'exécuter le code donné ci-dessus dans un navigateur, il donne l'erreur suivante:

Nous pouvons éliminer cette erreur en installant n'importe quel outil qui gérera toutes les dépendances du Fonction besoin () dans un navigateur. Ici, nous utiliserons un outil nommé Navigation. À installer Navigation, Exécutez la commande suivante:

NPM Installer -g Browserify

Utilisez maintenant la commande suivante pour fabriquer un fichier de votre code source où toutes les dépendances ont été résolues:

> Browserify source-code_file-name.pack JS -O.js

(Vous devrez exécuter la commande ci-dessus chaque fois que vous apportez des modifications dans le code source d'origine)

Si vous obtenez une erreur en exécutant la commande comme mentionné ci-dessus, ouvrez le shell d'alimentation Windows et utilisez les commandes ci-dessous avant d'utiliser la commande indiquée ci-dessus:

> Set-exécutionpolicy -scope currentUser -executionpolicy sans restriction
> Set-ExécutionPolicy RemoSigned

[Ces commandes vous exposent à de grands risques de sécurité car ils vous permettent d'exécuter des scripts inconnus sur votre système]

Maintenant, exécutez la commande comme mentionné ci-dessus; ça devrait fonctionner cette fois. Remplacez maintenant la source de script à partir du nom de votre fichier de code source par bundle.JS dans l'en-tête du fichier HTML et exécutez à nouveau le code. Le code s'exécutera correctement cette fois et ne donnera aucune erreur.

Conclusion

Les bibliothèques et les packages contiennent des ensembles de code qui peuvent être appelés par les développeurs lors de la construction de leur propre code. Ils effectuent des actions dont un développeur pourrait avoir besoin dans son propre code. Ils sont faits pour être intégrés au code de quelqu'un d'autre et être utilisés par d'autres

Dans ce guide pratiques, nous avons appris à télécharger, installer et utiliser des packages à l'aide de NPM. Comme les packages NPM sont une technologie côté serveur, ils ont besoin d'outils supplémentaires pour s'exécuter sur les navigateurs.