Skip to content

npm

命令

其它

  1. npm init:会引导你创建一个 package.json 文件,包括名称、版本、作者这些信息等
  2. npm root:查看当前包的安装路径
  3. npm root -g:查看全局的包的安装路径
  4. npm -v:查看 npm 安装的版本
  5. npm help:查看帮助命令
  6. npm set global=true:设定安装模式
  7. npm get global:查看当前使用的安装模式
  8. npm ls -g:查看全局包
  9. npm ls -g --depth 0:查看全局包
  10. npm ls vue -g:查看 vue 目录
  11. npm info eslint-config-airbnb@latest peerDependencies 查看包的 peerDependencies

  1. npm install <moudleName> -g :将包安装到全局环境中
  2. npm install <moudleName> --save :本地安装
  3. npm install express:默认会安装 express 的最新版本
  4. npm install express@3.0.6:安装指定版本
  5. npm install antd50@npm:antd@5.8.6 -S 别名

  1. npm uninstall <moudleName>:卸载 node 模块

  1. npm update <moduleName>:更新 node 模块
  2. npm rebuild <moduleName>:用于更改包内容后进行重建

  1. npm view <moudleName> dependencies:查看包的依赖关系
  2. npm view <moduleName> repository.url:查看包的源文件地址
  3. npm view <moduleName> engines:查看包所依赖的 Node 的版本
  4. npm help folders:查看 npm 使用的所有文件夹
  5. npm list:查看当前目录下已安装的 node 包
  6. npm view <moduleNames>:查看 node 模块的 package.json 文件夹
  7. npm view <moduleName> <labelName>:查看 package.json 文件夹下某个标签的内容
  8. npm search <packageName>:发布一个 npm 包的时候,需要检验某个包名是否已存在
  9. npm outdated:检查包是否已经过时,此命令会列出所有已经过时的包,可以及时进行包的更新
  10. npm help json:打开 package.json
  11. npm view react@'16.x - 17.x' version
  12. npm view react@'>= 16.8 < 17.x' version

设置缓存目录 加 --global nvm切换版本后,不生效 npm config set cache D:\npm\cache

配置优先级

  1. per-project configuration file (/path/to/my/project/.npmrc)
  2. per-user configuration file (defaults to $HOME/.npmrc; configurable via CLI option --userconfig or environment variable $NPM_CONFIG_USERCONFIG) npm config get userconfig
  3. global configuration file (defaults to $PREFIX/etc/npmrc; configurable via CLI option --globalconfig or environment variable $NPM_CONFIG_GLOBALCONFIG) npm config get globalconfig
  4. npm's built-in configuration file (/path/to/npm/npmrc)

更新 npm 至最新版本

npm install -g npm

代理

sh
npm config set proxy=http://127.0.0.1:7890

npm 源的配置

nrm:https://www.npmjs.com/package/nrm

临时

npm --registry https://registry.npm.taobao.org install express

持久使用

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

npm config set electron_mirror https://npm.taobao.org/mirrors/electron

配置后可通过下面方式来验证是否成功

npm config get registry

npm info express

通过 cnpm 使用

npm install -g cnpm –registry=https://registry.npm.taobao.org

peerDependencies

--legacy-peer-deps:在安装时忽略所有peerDependencies

发布项目到 npm

  1. 在官网注册 npm 账号
  2. 用户验证,命令行执行
sh
npm adduser
  1. 发布模块,在模块的根文件夹执行
sh
npm publish
  1. 更新版本
sh
 npm version 0.0.4
 npm publish

如果是 git 库时,会为新版本号创建一条提交信息,package 版本号会自动递增。

使用

建立全局链接

sh
cd ~/projects/package-project
npm link

项目中使用 packageName为建立全局链接的项目的package.json里的name字段值

sh
npm link packageName

移除

使用的地方:

sh
npm unlink packageName

建立全局链接的地方:

sh
npm unlink

强制解除某个全局链接

sh
npm rm --global packageName

查看所有创建的全局链接

sh
npm ls --global --depth 0

修改npm包

https://www.npmjs.com/package/patch-package

deep

https://npm.github.io/how-npm-works-docs/npm2/how-npm2-works.htmlhttps://zhuanlan.zhihu.com/p/611712498

npm 2

嵌套地狱

node_modules
├── A@1.0.0
│   └── node_modules
│       └── B@1.0.0
└── C@1.0.0
    └── node_modules
        └── B@1.0.0
        └── D@1.0.0

npm 3

扁平化嵌套

项目依赖了 A 和 C,而 A 依赖了 B@1.0.0,而且 C 还依赖了 B@2.0.0

node_modules
├── A@1.0.0
├── B@1.0.0
└── C@1.0.0
     └── node_modules
          └── B@2.0.0

不确定性

A@1.0.0 依赖 B@1.0.0 C@1.0.0 依赖 B@2.0.0

提升 B@1.0.0 还是 B@2.0.0?

node_modules
├── A@1.0.0
├── B@1.0.0
└── C@1.0.0
     └── node_modules
         └── B@2.0.0

node_modules
├── A@1.0.0
│   └── node_modules
│       └── B@1.0.0
├── B@2.0.0
└── C@1.0.0

先被安装, 先变顶级

幽灵依赖

package.json 没有某个包, 但有些包被提升到顶层, 可以直接使用

扫描幽灵依赖: https://www.npmjs.com/package/@sugarat/ghost

重复


B@1.0.0 被提升
B@2.0.0 重复

node_modules
├── A@1.0.0
├── B@1.0.0
├── D@1.0.0
├── C@1.0.0
│    └── node_modules
│         └── B@2.0.0
└── E@1.0.0
      └── node_modules
           └── B@2.0.0

package-lock.json

https://www.atatus.com/blog/package-json-vs-package-lock-json/https://docs.npmjs.com/cli/v9/configuring-npm/package-lock-json

  • 锁定版本:package-lock.json 文件中记录了每个依赖项的精确版本号,确保在后续安装或部署时使用相同的版本。这可以防止不同开发环境或部署环境中使用不同的依赖项版本,从而减少潜在的兼容性问题。
  • 加速安装:package-lock.json 文件中包含了每个软件包的下载地址,这样在后续安装依赖项时,npm 可以直接从指定的地址下载软件包,而不需要再次解析依赖关系树和查找软件包的版本。这可以加快依赖项的安装速度。
  • 确保一致性:package-lock.json 文件还记录了每个软件包的完整依赖关系树,包括所有依赖项的版本。这样,无论是在开发环境还是在部署环境中,都可以确保使用相同的依赖关系树,从而保持项目的一致性