Une définition claire du NPM et ce qu'il fait

Il existe de nombreux outils de développement frontal modernes et les débutants sont souvent confus. De nombreux concepts semblent célibataires, mais sont en fait composés de plusieurs parties interdépendantes, ce qui est vrai pour le NPM et son écosystème.

Par exemple, le terme "Internet" semble simple, mais il contient de nombreux composants tels que les protocoles, DNS, serveurs, navigateurs, réseaux, demandes et réponses, ainsi que d'autres technologies accumulées au fil des ans d'itération. Le navigateur lui-même est également un système complexe composé de plusieurs parties.

Chapitre du guide

1. Pour qui est ce guide?
2. Que signifie exactement "NPM"? (Chapitre actuel)
3. Quelle est la ligne de commande?
4. Qu'est-ce que Node.js?
5. Qu'est-ce qu'un gestionnaire de packages?
6. Comment installer NPM?
7. Comment installer le package NPM?
8. Qu'est-ce que la commande NPM?
9. Comment installer un projet NPM existant?

NPM est une collection de technologies

De même, ce que nous appelons généralement le "NPM" (tous les minuscules) et le "backend frontal" sont en fait une collection de nombreuses technologies et systèmes différents, comme un mécanicien Goldberg complexe RUBS utilisé pour générer du code adapté au navigateur.

La ligne de commande mentionnée précédemment est la principale façon dont nous interagissons avec l'écosystème NPM, qui sera décrit en détail dans le chapitre suivant.

Le NPM lui-même appartient à la catégorie des logiciels de «gestion des packages», et nous l'expliquerons également. En fait, dans ce guide, je pourrais souvent se référer au NPM en tant que gestionnaire de packages.

Enfin, Node.js lui-même, qui est difficile à expliquer de manière concise, et je le résume souvent dans les mots de Douglas Adams: c'est un langage de programmation presque exactement semblable à semblable à JavaScript.

outil de gestion de projet NPM

Plus de complexité est que de nombreux projets qui entrent dans npm install sur la ligne de commande peuvent avoir divers outils préinstallés pour effectuer diverses tâches dans le projet, telles que le code de traitement (par exemple, la conversion du code SASS en CSS). De nombreux projets préconfigurés à guichet unique sont disponibles pour l'installation directe (tels que Create React App, Next.js, nuxt.js et sveltekit). Cela est pratique, mais cela ajoute également de la complexité - ce qui signifie que nous devons ajouter plus de noms à la liste des choses "back-end".

This listing usually includes Babel (for compiling JavaScript), Sass (for compiling CSS), Webpack (for resource bundling), Vite (for developing servers and other tools), PostCSS (for converting one syntax to another), Autoprefixer (can be used as a PostCSS plug-in for CSS vendor prefixes), TypeScript (for additional JavaScript syntax), ESLint (for checking code quality), Prettier (for formatting code), and test libraries such as Jest or Cypress.

Tous ces outils (et plus) entrent dans une large catégorie, qui sont souvent fournis avec des projets installés par le NPM - ou peuvent être installés et utilisés via le NPM - mais ne font pas réellement partie du NPM lui-même. Ce ne sont que des exemples d'outils modernes qui nous aident à mieux gérer le code, les mentionner ici est simplement pour illustrer la différence afin de comprendre où se trouvent les frontières dans ce monde énorme et émergent.

Soit dit en passant, si vous ne savez pas quels sont les outils le plus (ou les) outils mentionnés ci-dessus, c'est OK. Peut-être que vous ne les avez pas encore rencontrés, ou que vous les avez installés dans votre projet sans connaître leur nom. Quoi qu'il en soit, tout cela est simplement de fournir un contexte supplémentaire.

Prenons fin

Si vous vous sentez un peu dépassé en ce moment, ne vous inquiétez pas. Le point clé que j'espère que vous vous souvenez après avoir lu ce chapitre est que ce que nous considérons comme "NPM" (ou plus désinvolte, "toutes ces lignes de commande, des trucs backend") n'est pas une seule chose, mais un ensemble de composants qui fonctionnent ensemble pour nous faciliter le développement.

Oui: Bien que toute cette complexité puisse sembler intimidante au début, cela améliore les choses. Je promets.

Bien que le front-end semble se développer très rapidement, vous n'êtes pas laissé pour compte . Vous devrez peut-être simplement faire un apprentissage continu pour rattraper son retard.

← Chapitre 1 Chapitre 3 →

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!