Commandes communes npm + outils de gestion de packages frontaux couramment utilisés et configuration d'image npm Taobao, etc.
1. Introduction
1.1 Téléchargez et installez NodeJs
- lien de téléchargement
- Site officiel :
https://nodejs.org/en . - Site Web chinois :
https://nodejs.org/zh-cn .
- Site officiel :
- Après l'installation, utilisez
node -vla commande pour afficher la version installée, comme suit :
1.2 sous Windows
- Pour l'installation sous Windows, vous pouvez vous référer à l'article suivant :
Getting Started with vue2 - Novice Level 1 .
1.3 Outils communs de gestion des packages
- Les outils de gestion de packages couramment utilisés sur le front-end incluent : npm, cnpm, fil, veuillez continuer pour en savoir plus...
2. npm
- Les outils de gestion de packages frontaux couramment utilisés incluent : npm, fil, cnpm
Installation 2.1 npm
- Le nom complet de npm est
Node Package Manager(c'est-à-dire : l'outil de gestion de packages de node). npm est l'outil officiel de gestion de packages intégré de node.js, donc npm sera automatiquement installé lors de l'installation de NodeJs. Si NodeJs est déjà installé, vous pouvez vérifier le version d'installation via la commande, commenpm -vsuit :
Package d'initialisation 2.2 npm
- La commande d'initialisation est la suivante :
- Commande interactive :
npm init, comme suit :
- Créez rapidement des commandes (créées par défaut), comme suit :
npm init -y 或 npm init --yes
- Commande interactive :
2.3 packages d'installation et de désinstallation npm
2.3.1 Installation non globale
2.3.1.1 Installation d'un seul package
2.3.1.1.1 Installation de la version par défaut
- Par exemple, si vous souhaitez utiliser le format de date maintenant, il existe un js
dayjs.min.js. Si vous souhaitez l'utiliser, vous pouvez le télécharger directement, puis l'introduire en HTML, comme suit :
https://www.bootcdn.cn/ .
- Si vous souhaitez l'utiliser dans un projet après l'initialisation du nœud, installez-le directement, comme suit :
- Rendez-vous à l'adresse suivante pour rechercher le package correspondant :
https://www.npmjs.com/
- Copiez ensuite la commande d'installation et exécutez-la :
npm i dayjs 或者 npm install dayjs
- Après installation, il peut être utilisé en l'important dans js, comme suit :
// 导入 dayjs 的包 const dayjs_2 = require('dayjs'); // 测试，使用 dayjs // 注意：dayjs_1 要与上面定义的保持一致（const dayjs_1） var date = dayjs_2(Date.now()).format('YYYY-MM-DD');
- Rendez-vous à l'adresse suivante pour rechercher le package correspondant :
2.3.1.1.2 Installation de la version spécifiée
-
grammaire:
npm i <包名@版本号> -
Installez ou mettez à jour comme suit :
npm i [email protected]S'il est déjà installé, mettez à jour automatiquement :
2.3.1.2 Installer tous les packages
-
Le nouveau projet down aura besoin de nombreux packages. Vous pouvez exécuter la commande suivante pour installer toutes les dépendances requises pour le projet en fonction des déclarations de dépendance de
package.jsonet , comme suit :package-lock.jsonnpm i #懒人版 或 npm install # 码农版
2.3.1.3 Désinstaller le package
- Les commandes suivantes sont disponibles :
npm remove dayjs npm r dayjs npm rm dayjs
2.3.2 Installation et désinstallation globales de npm
- grammaire:
- Version de la ferme de codes :
npm install --global 包名 - Version paresseuse :
npm i -g 包名 - Installez le package global typings, commande :
npm i -g typings, je suis sur un Mac et j'ai des problèmes d'autorisation, je l'ai donc ajoutésudocomme suit :sudo npm i -g typings
- Version de la ferme de codes :
- Afficher les packages globaux installés
npm ls -g #查看所有 npm ls -g typings #查看已安装的指定包 - Mettre à jour le package global
npm update -g 包名 sudo npm update -g typings # Mac - Désinstaller le package global
npm remove -g 包名 npm rm -g 包名 sudo npm rm -g typings
- Vérifiez le répertoire où se trouve le package global :
npm root -g
2.4 Alias de commande de configuration npm
test.jsLa commande d'exécution que nous avons exécutée ci-dessus peut être configurée avec un alias et exécutée avec la commande npm, comme suit :- Configurez d'abord
package.jsodans le fichier n"exeTest":"node ./test.js "
- Exécutez pour voir l'effet :
npm run exeTest
- Configurez d'abord
2,5 npm configurer l'image Taobao
2.5.1 Configuration directe à l'aide de commandes
- URL : site miroir npmmirror .
- La commande est la suivante :
npm config set registry https://registry.npmmirror.com
2.5.2 Configuration à l'aide de l'outil nrm
- Tout d’abord, installez
nrm(gestionnaire de registre npm), la commande est la suivante :sudo npm i -g nrm
- Afficher les adresses miroir prises en charge :
nrm ls
- En fonction de l'adresse miroir prise en charge, sélectionnez l'adresse miroir à changer :
nrm use taobao # 切换淘宝镜像 - Afficher l'adresse miroir actuellement utilisée :
npm config list
3. CNPM
3.1 Installation et utilisation simple de cnpm
-
URL : site miroir npmmirror .
-
Commande d'installation :
sudo npm install -g cnpm --registry=https://registry.npmmirror.com -
Vérifiez après l'installation, la version :
cnpm -v
-
L'utilisation de l'initialisation de cnpm, du package d'installation, du package de désinstallation, etc. est la même que celle de npm, comme suit, etc., aucun autre détail ne sera dit.
cnpm init cnpm i [email protected]
4. fil
- Pose du fil :
sudo npm i -g yarn - À propos du fil
- C'est rapide, sûr et fiable. Pour plus d'informations, veuillez vous rendre sur le site officiel de Yarn :
https://yarnpkg.com/ - Pour les commandes spécifiques, veuillez vous référer au site officiel : https://yarnpkg.com/getting-started/usage .
5. Résumé
5.1 commandes communes npm
5.1.1 Package d'initialisation npm
- comme suit:
npm init npm init -y # 快速创建（默认）
5.1.2 Commande d'installation du package (package unique)
- grammaire:
npm i 包名 或 npm install 包名 - Dépendances de production :
oùnpm i -S dayjs 或 npm i --save dayjs-Sest équivalent à--save,-Squi est l'option par défaut. - Dépendances de développement :
où,npm i -D dayjs 或 npm i --save-dev dayjs-Déquivaut à--save-dev. - Installation par défaut :
Si aucune option n'est ajoutée, elle sera installée par défaut en mode dépendance de production.
5.1.3 Installer tous les packages
- Pour les projets nouvellement téléchargés, les éléments suivants sont requis :
npm i #懒人版 或 npm install # 码农版
5.1.4 Commandes de mise à jour et de désinstallation du package
- Mise à jour de la version spécifiée :
npm i [email protected] - Commande de désinstallation :
npm remove dayjs npm r dayjs npm rm dayjs
5.1.5 Commandes associées globales npm
- comme suit:
npm ls -g #查看所有已经安装的全局包 npm ls -g typings #查看已安装的指定包 npm root -g # 查看全局包的安装目录 sudo npm i -g typings #安装 sudo npm update -g typings # 更新 sudo npm remove -g typings # 卸载 sudo npm rm -g typings # 卸载
5.2 Commandes courantes liées à nrm
- Afficher les adresses miroir prises en charge :
nrm ls - En fonction de l'adresse miroir prise en charge, sélectionnez l'adresse miroir à changer :
nrm use taobao # 切换淘宝镜像 - Afficher l'adresse miroir actuellement utilisée :
npm config list