NPM 包管理

172 阅读2分钟

带入几个问题:

  • 什么是NPM
  • 怎么使用
  • NPM和其他包管理工具的对比

一、什么是NPM

  • 全称: Node Package Manager,中文:node 包管理器
  • npm 是Node.js的包管理器。它创建于 2009 年,是一个开源项目,旨在帮助 JavaScript 开发人员轻松共享打包的代码模块。
  • 官网:docs.npmjs.com/
  • 是世界上最大的软件注册中心。

二、怎么使用NPM

  1. npmNode.js 默认的软件包管理工具,安装Node之后,是会默认安装好npm

  2. 下载Node: nodejs.cn/download/

    image-20211211152004759.png

  3. 下载安装之后使用命令查看是否安装成功

    1. node -v
      
    2. npm -v
      

    image-20211211152004759.png

  4. npm测试安装

    1. 安装包需要与npm官网联合使用,使用官网搜索,再进行安装

    image.png 2. 使用命令安装一个包进行测试

    npm i vue -g
    
    1. 使用镜像提升下载速度

      1. 查看当前镜像地址

        npm config get registry
        
      2. 使用设置淘宝镜像

        npm config set registry https://registry.npm.taobao.org
        
      3. 接下来再安装就看到速度飞一般的提升

    2. npm简单使用

      1. 查看版本

        npm -v
        
      2. 使用npm安装拓展包

        1. 默认安装

          npm install <Name>
          
        2. 指定版本

          npm i vue@2.0.0
          
        3. 安装时带上参数

          -save: 生产环境依赖

          -save-dev 开发环境依赖,打包时候不带上 -g 全局安装

          npm install mockjs -save-dev
          # 或 使用简写
          npm i mockjs -D
          
      3. 查看已安装拓展包

        npm list
        
      4. 把拓展包更新到最新版本

        npm update vue
        
      5. 卸载拓展包

        npm uninstall vue
        
      6. 清空本地缓存

        npm cache clear
        
    3. 配置文件package.json说明

      1. 初始化生成package.json

        npm init --y
        
      2. package.json 内容

        {
          "name": "demo",
          "version": "1.0.0",
          "description": "",
          "main": "index.js", // 程序入口文件
          "scripts": {
              // 程序执行脚本 npm run hello
            "test": "echo '测试\n测试'",
            "hello": "node -v"
          },
          "keywords": [],
          "author": "",
          "license": "ISC",
            // 生成环境依赖
          "dependencies": {
            "vue": "^2.6.14"
          },
            // 开发环境依赖
          "devDependencies": {
            "mockjs": "^1.1.0"
          }
        }
        

NPM和其他包管理工具的对比

Yarn

Yarn: 一个软件包管理器,还可以作为项目管理工具

它的出现时为了弥补npm 的一些缺陷。

在npm5之前yarn的优势明显

yarn 与 npm 选其一即可 也可以混用

官网:www.yarnpkg.cn/

yarn 与 npm 用法基本相似,只需要了解即可

可以从npm 迁移到 yarn,也可以从yarn 迁移到 npm

优点

  1. 速度快
  2. 安装版本统一
  3. 更简洁的输出
  4. 离线模式

结语

这一章节了解学习了如何安装npm,简单使用安装了其他拓展包,配置镜像提高了包的安装速度。

npm 的简单基本操作

package.json的基本简介

npm的竞品yarn的简单了解