Maison > interface Web > js tutoriel > Installez la dernière version de npm dans nodejs (tutoriel détaillé)

Installez la dernière version de npm dans nodejs (tutoriel détaillé)

亚连
Libérer: 2018-06-11 15:48:37
original
1279 Les gens l'ont consulté

Cet article présente principalement l'explication détaillée de l'utilisation de npm pour installer la dernière version de nodejs. Maintenant, je le partage avec vous et le donne comme référence.

# Installer nodejs

Ce qui suit est la méthode d'installation en ligne de commande. Les lecteurs peuvent également le télécharger et l'installer à partir du site officiel de nodejs.

sudo apt-get install nodejs-legacy
sudo apt-get instatll npm
Copier après la connexion

Mettre à niveau npm vers la dernière version

sudo npm install npm@latest -g
Copier après la connexion

Souvent, nodejs installé via la ligne de commande n'est pas la dernière version, et la mise à niveau de nodejs n'est pas une question très simple alors nous en avons besoin ; à utiliser Le module de gestion de version nodejs très simple à utiliser n

sudo npm install -g n
Copier après la connexion

Installez la version spécifiée de nodejs via le module n

sudo n latest
sudo n stable
sudo n lts
Copier après la connexion

Nous pouvons vérifier si l'installation est réussie et s'il est installé en regardant le numéro de version La version que vous voulez

node -v
npm -v
Copier après la connexion

# Parlez de npm

1. le gestionnaire de packages nodejs, utilisé pour la gestion des plug-ins de nœuds, y compris l'installation, la désinstallation, la gestion des dépendances, etc.

2 Utilisez npm pour installer les plug-ins, la syntaxe est npm install

2,1  : Le nom du plug-in à gérer, par exemple : npm install gulp-less --save-dev
2.2 -g : Installation globale. Facultatif, s'il n'est pas ajouté, le plug-in sera installé dans le dossier node_modules du répertoire d'emplacement actuel. L’avantage de l’installation globale est qu’elle peut être appelée de n’importe où via la ligne de commande.

2.3 --save : Enregistrez les informations de configuration dans le fichier package.json. package.json est le fichier de configuration du projet nodejs.

2.4 -dev : Enregistrer dans le nœud devDependencies de package.json Si -dev n'est pas ajouté, il sera enregistré dans le nœud de dépendances.

2.5 Pourquoi devrais-je l'enregistrer dans package.json ? Le package de plug-ins de nœud étant très volumineux, la gestion des versions n'est pas incluse. L'ajout des informations de configuration à package.json peut indiquer que ces plug-ins nécessitent une gestion des versions. Lorsque vous parcourez ou utilisez d'autres développeurs, vous pouvez comprendre quelle version du plug-in. Le plug-in doit être utilisé en même temps, utilisez npm intstall pour télécharger les packages requis en fonction du contenu spécifié dans package.json lors de l'installation. De plus, utiliser npm install --production téléchargera uniquement le package du nœud de dépendances dans package.json

3. Utilisez npm pour désinstaller le plug-in Le format de syntaxe est : npm uninstall [-g][--save -dev]

3.1 Ne supprimez pas le package du plug-in directement localement

3.2 Supprimez tous les plug-ins, la syntaxe est : npm uninstall gulp-less gulp-gulify gulp-concat...
3.3 Avec l'aide de rimraf Suppression unique : npm install rimraf -g, utilisation rimraf node_modules

4. Utilisez npm pour mettre à jour le plug-in, le la syntaxe est : npm update [--save-dev]

4.1 Mettre à jour tous les plug-ins : "npm update [--save-dev]

5 . Affichez l'aide de npm, la syntaxe est : npm help

6. Affichez les plug-ins installés, la syntaxe est : npm list

# Choisissez cnpm

<. 🎜>
  1. Le service npm est à l'étranger, il est donc fortement affecté par le réseau, et des anomalies se produisent souvent. L'équipe Taobao doit le faire. Un miroir npmjs.org complet a été réalisé et la fréquence de synchronisation des versions est. toutes les 10 minutes. L'adresse officielle du site Web est : http://npm.taobao.org

  2. Pour installer cnpm, utilisez la commande npm install cnpm - g --registry=https:/ /registry.npm.taobao.org Une fois l'installation terminée, utilisez cnpm -v pour vérifier si l'installation a réussi

  3. L'utilisation de cnpm est exactement la même que celle de npm, il suffit de Changez simplement npm en cnpm

# Créez un nouveau fichier package.json

Le fichier package.json est essentiel pour les projets basés sur la configuration de nodejs fichier, qui est enregistré dans le répertoire racine sous la forme d'un fichier json normal

Le contenu et le format sont les suivants : (les fichiers json ne peuvent pas être commentés, veillez à les supprimer)

{
 "name": "test", // 项目名称(必须)
 "version": "1.0.0", // 项目版本(必须)
 "description": "project description!", // 项目描述(必须)
 "homepage": "", // 项目主页
 "repository": { // 项目资源库
  "type": "git",
  "url": "https://xxxx/xxx"
 },
 "author": { // 项目作者信息
  "name": "surging",
  "email": "xxx@163.com"
 },
 "license": "ISC", // 项目许可协议
 "devDependencies": { // 项目依赖的插件,加 -dev 安装会自动加到此处
  "gulp": "^3.8.11",
  "gulp-less": "^3.0.0"
 }
}
Copier après la connexion
Créez un fichier package.json, syntaxe npm init

cd ~/workspace/demo
npm init
Copier après la connexion
puis suivez les instructions étape par étape pour remplir les informations, comme suit :

npm init

Ensuite, vous pouvez voir qu'un fichier package.json est généré dans le dossier, et les informations imprimées sont les suivantes :

Informations package.json imprimées

Bien sûr, vous pouvez également Vous pouvez le créer manuellement, mais je ne pense pas que vous feriez cela.

4. Consultez le document d'aide package.json. La syntaxe est : cnpm help package.json

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile dans le. avenir.

Articles connexes :

Développement de projets React

Implémentation de plusieurs implémentations de routage dans Vue-Router2.X

Explication détaillée des composants contrôlés par réaction et des composants non contrôlés

Utilisation des fonctions de routage et de hook dans Vue2.X

Fichier unique Vuejs composant (tutoriel détaillé)

Utilisez le plug-in de chargement différé d'image dans vue-lazyload

Comment utiliser highCharts pour dessiner un diagramme circulaire 3D dans Vue

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal