npm

3n：

  • nrm：node 中源管理工具
  • nvm：node 中的版本管理工具
  • npm：node 的包管理器，管理的都是 node 的模块

第三方模块

分两种：

  • 全局模块：只能在命令行中使用，任何路径都可以
  • 本地模块：开发或者上线使用的

包的初始化工作

npm initnpm init -y

全局模块的安装

npm install nrm -g --registry https://registry.npm.taobao.org

安装完会有一个指向

C:\Program Files\nodejs\nrm -> C:\Program Files\nodejs\node_modules\nrm\cli.js

nrm 不在环境变量 path 里，还能直接使用的原理：

将当前安装的模块放到 npm 目录下（快捷键），当执行 nrm 命令时，会自动执行 cli.js

查看 npm 的所有配置信息

npm config list

nrm 使用可以查看我这篇：使用 nrm 镜像管理工具进行 npm 源管理

自己编写一个全局模块

实现下面命令在控制台执行

kaimo 1 2 3 4 5 6

目前执行肯定是不行的：

按照下面去实现一下

  1. 先初始化包，新建 my-kaimo-pack 包，下面初始化项目
npm init -y

  1. 然后创建 bin 的配置，新建 bin 文件夹，里面添加 kaimo.js，在 package.json 里配置 bin 的配置
"bin": {"kaimo": "./bin/kaimo.js"},

  1. 在 kaimo.js 文件里添加 #! /usr/bin/env node 这行放到头部（就是我们前面分析 require 源码里提到的 Shebang），标明以 node 的方式来执行
#! /usr/bin/env nodeconsole.log("进入 bin 下的 kaimo.js 文件");console.log(process.argv.slice(2).reduce((x, y) => Number(x) + Number(y)));
  1. 把包放到 npm 全局中（方式一：全局安装，方式二：使用 npm link）

这里使用 npm link，它能够避免重复且繁琐的打包发布操作，给开发调试带来便捷，而且使用方法简单。使用 npm link 将 kaimo.js 模块创建成本地依赖包。

npm link

  1. 执行 kaimo 1 2 3 4 5，可以看到就能执行成功了

  1. 解除 link
npm unlink

安装项目包（开发/生产）

可以使用 npm info xxx 查看包信息

npm i webpack --save-devnpm i vuenpm i jquery@3.0.0
  • dependencies：项目依赖（–save）
  • devDependencies：开发依赖（–save-dev）
  • peerDependencies：同版本依赖（vue vue-template-compiler）

如果我们没有安装 jquery，又配置了下面的依赖，就会提示

"peerDependencies": {"jquery": "^3.0.0"}

  • bundleDependencies：打包依赖

使用 npm pack 打包时会打进去

"bundleDependencies": ["jquery"]


我们可以看到就 jquery 打包进来了

  • optionalDependencies：可选依赖（可装可不装）

版本问题

  • major.minor.patch：表示破坏性更新.增加功能/修订大版本中的功能.小的bug
  • ^2.0.0：限制大版本
  • ~2.3.0：限制中版本
  • >=
  • <=
  • 1.0.0-2.0.0
  • alpha：内测版本 beta：公测版本 rc：最终测试版 (2.1.0-beta.1)

运行脚本问题

添加脚本

"scripts": {"kaimo": "node ./bin/kaimo.js"},

传参加 --

npm run kaimo -- 1 2 3 4 5

在看个例子：先安装 mime

npm i mime


添加脚本：

"scripts": {"kaimo": "node ./bin/kaimo.js","mime": "mime"},

这里为什么 npm run mime -- a.js 可以，mime a.js 不行？

执行 npm run env，可以看到 Path 变量里添加了 .bin

正因为默认运行 npm run 时会将 node_modules 下的 .bin 目录放到全局下，所有可以使用当前文件下的命令。

另外一种方案就是使用 npx 命令：npm 5.2 之后提供的（这个命令没有 npm run 好管理），npx 可以去下载包，下载完毕后执行，执行后会删除包，所以每次都是拿的最新包去执行

npm uninstall mimenpx mime a.js