npm(node package management)，nodejs自带命令，可以实现项目包的统一管理(包下载、删除、查看)

npm

背景

• 实际开发中，经常使用第三方依赖包(库)。存在以下问题:
  • 项目整合时，存在版本控制管理不方便;
  • 需要在对应的网站下载要使用的包;

概述

• npm(node package management,node 包管理工具)，nodejs自带命令，可以实现项目包的统一管理(包下载、删除、查看)。

操作流程

1. 创建项目文件夹;

2. 初始化项目(将当前项目进行配置为npm项目);

   • 选中项目文件夹，右键选择在集成终端中打开，打开命令行窗口;

   • 输入命令npm init -y，并回车;

     • -y:可选，一律确认为yes;

       1. npm init -y

3. 下载目标包

   • 输入命令npm install 包名

     • 包名全小写;
     1. npm install jquery

镜像地址

• 默认的镜像地址https://registry.npmjs.org/

• 查看当前镜像地址

  1. npm config get registry

• 修改当前镜像地址npm config set registry 镜像地址

  1. npm config set registry https://registry.npm.taobao.org/

npm常用命令

• 查看版本信息

  • 查看当前默认的下载版本npm view 包名 version

    1. npm view jquery version

  • 查看所有版本npm view 包名 versions

    1. npm view jquery versions

• 下载

  • 下载默认版本(最新)npm install 包名

    1. npm install jquery

  • 下载指定版本班npm install 包名@版本号

    1. npm install bootstrap@4.0.0

  • 可以将install简化为i

    1. npm i bootstrap@4.0.0

• 卸载

  • npm uninstall 包名

    1. npm uninstall bootstrap

  • 可以将uninstall简化为uni

    1. npm uni bootstrap

• 多文件操作

  • 下载

    • npm i 包名1 包名2......

      1. npm i jquery@3.6.0 bootstrap

  • 卸载

    • npm uni 包名1 包名2.....

      1. npm uni jquery popper.js

• 根据配置文件package.json下载包

  • npm i

文件解释

• node_modules:该文件用于存放使用npm命令下载的第三方包文件，每个包会以一个文件夹的形式存在;
• package-lock.json(不要去修改其内容):记录了依赖的包信息，后期使用git上传项目时，会用于包版本控制;
• package.json:实时记录当前项目的包依赖信息;
  • 每个包会以dependencies或devDependencies中的一条记录形式存在;

全局与局部安装

• 全局安装

  • 所有项目都要使用的包和环境，使用全局安装。

  • 将包下载安装到Nodejs环境中，供所有项目使用。

    1. npm i 包名 -g
    • -g:表示全局(global)。
    • 查看全局包安装位置npm config get prefix;
    • 修改全局包安装位置npm config set prefix 新路径;

  • 卸载

    1. npm uni 包名 -g

• 局部安装

  • 默认安装为局部安装。

  • 将包下载安装到当前项目中，仅供当前项目使用。

    1. npm i 包名

开发依赖和生产依赖

• 开发依赖

  • 只在项目编码过程中要使用的第三方包，被称为开发依赖。

  • 一般开发依赖包用于提高开发效率或解决资源管理问题。

  • 比如:webpack。

  • npm的package.json文件中，开发依赖会以devDependencies属性声明。

    1. npm i 包名 -D
    2. npm i 包名 --save-dev
    3. npm i webpack -D
    • -D:表示开发依赖，development的简写。

• 生产依赖

  • 项目运行时需要使用的第三方包，被称为生成依赖。

  • 项目编码阶段和运行阶段(上线)都要用到的包。

  • 比如:jquery、bootstrap、Vue等。

    1. npm i 包名
    2. npm i 包名 -S
    3. npm i 包名 --save
    4. npm i jquery