NPM实用指北

简介: npm作为下载node附送的大礼包,大家一定不会陌生。 然而关于npm,估计大量的只是用到npm install XXX以及npm run XXX。 其实这里边还有很多有意思的命令&参数。关于npm,大概有两个作用: 能让我们很方便的从网上下载第三方包进行实现功能 能够让我们自己编写包,并上传到网上供其他人下载 下载相关的操作 下载主要就是围绕着install这一个命令来的。

npm作为下载node附送的大礼包,大家一定不会陌生。

然而关于npm,估计大量的只是用到npm install XXX以及npm run XXX

其实这里边还有很多有意思的命令&参数。
关于npm,大概有两个作用:

  1. 能让我们很方便的从网上下载第三方包进行实现功能
  2. 能够让我们自己编写包,并上传到网上供其他人下载

下载相关的操作

下载主要就是围绕着install这一个命令来的。

install 可以简写为 i

安装原有的依赖包

当我们处于一个项目下时,执行npm i即可安装当前项目所有的依赖包。
包含dependenciesdevDependenciesoptionalDependenciesbundleDependencies中的所有。
如果我们在执行npm i时添加--production的参数,则表示是线上环境,将会忽略devDependencies下的所有依赖。

现在我们有如下的package.json文件:

{
  "dependencies": {
    "koa": "^2.5.0"
  },
  "devDependencies": {
    "eslint": "^4.19.1"
  }
}

 

如果执行npm i,则会安装所有的依赖。

> npm ls --depth=0
├── eslint@4.19.1
└── koa@2.5.0

 

然后我们再尝试添加--production参数,使用--only=prod[uction]同样可以实现效果。

> npm ls --depth=0
└── koa@2.5.0

 

使用--only=dev[elopment]则用来仅安装devDependencies的依赖。

–depth=XXX 用来设置显示路径的深度,默认会递归将所有的依赖都打印出来。

新增依赖的安装

上边是直接安装项目原有依赖的操作,如果我们要新增一些依赖,这里有一些选项可以了解一下。
如果我们在执行install添加--no-save--save-dev之类的flag时,不会直接写入到dependencies中,而是有一些其他的处理。

各种选项:

flag description
--save-prod 默认选项 对应dependencies
--no-save 不将依赖写进package.json
--save-dev-D 对应devDependencies
--save-optional-O 对应optionalDependencies,在安装时可以通过指定--no-optional来忽略该模块下的依赖
--save-bundle-B 对应bundleDependencies貌似已经被废弃了-.-
--save-exact-E 安装精准的某个版本,在版本号处不会添加^之类的标识
--global-g 全局安装包,一般来说需要管理员权限

更多的参数请查阅:https://docs.npmjs.com/cli/install

package.json中经常能看到依赖的版本号前边有一个^~
^~会导致重新安装依赖的时候,按照规则安装最新版。
比如版本号为^2.1.0,则会匹配>=2.1.0 <3.0.0的所有包
如果版本号为~2.1.0,则会匹配>=2.1.0 <2.2.0的所有包
这两个标识的好处是:一个包进行修复bug,只更新了最后一位版本号,所有依赖它的包不需要重新上传自己的package.json
所以说,涉及到可能产生不兼容后果的更新,请一定要修改前两位版本号。。否则就是坑人了-.-

以及我们可以指定安装包时候的tag或者version

npm i koa@next
npm i koa@2.0.0
npm i koa@">=2.0.0 <2.5.0"

 

这里的next就是一个tag 如果不指定的话,有一个默认的latest
以及第二条指定安装2.0.0版本的koa
最后一条则会在范围规则内选择最新的版本进行安装。

上传相关的操作

要上传,肯定就要先进行开发。
所以我们上传的整个流程大概是这样的:

  1. npm init创建package.json
  2. 进行开发
  3. npm show <你的包名>,如果404,那么恭喜你,这个名字还没有被占用。
  4. npm publish,上传包。

npm init

其实有很多情况下,我们创建package.json只是为了安装依赖,但是执行了npm init以后却要确认好多次选填内容。
其实如果你添加了一个参数以后,npm就不会让你确认这些选填内容了。
npm init -f--force-y--yes都可以实现这个效果。
当然,如果你是要将这个文件夹作为一个pacakge发出去,则这些选填内容都是需要的。

开发包的过程

如何进行本地debug

在开发过程中,为了本地快速进行调试,可以执行这样的命令:
npm link <你的包名>
如果在当前包的文件夹中,可以直接执行npm link

可以简写为npm ln

然后在要调试的项目中执行npm link <你的包名>
即可创建一个引用本地的链接。
在调试完毕后,执行npm unlink来删除链接。

如何创建命令行可执行模块

我们可以在package.json中添加bin字段,用来指定一个文件。

{
  "bin": {
    "sayhi": "bin/hi"
  }
}

 

文件./bin/hi

#!/usr/bin/env node

console.log('hi there')

 

如果用过-g进行全局安装,就会注册对应的命令,我们在terminal中就可以直接执行了。
#!/usr/bin/env node为必须的,路径可能会变

npm show

这个方法貌似没有被写在文档里。。但它确实是存在的。
执行npm show XXX会返回这个包对应的信息,也可以直接在后边按照JSON的格式来进行取值:

npm show koa version
npm show koa dist-tags.latest

 

npm publish

当我们的包开发完毕后,就可以执行publish来进行上传了。

npm publish

 

你同样可以在后边指定一个文件夹路径或者压缩包,但都需要这两者包含package.json文件(npm包的信息都在这里)

以及,我们可以在后边拼接--tag=XXX来上传一个对应的tag,如果不写的话,默认会上传到latest下。
tag的好处是,我们可以同时维护多份代码,两者互不影响(但是要小心publish的时候一定不要忘记tag
就比如去年的node.js稳定版还是6,但是koa已经开始使用7.6+async/await特性,所以他们就发布了koa@next,也就是现在的2.x,用来支持新的语法。

之后的版本更新

如果我们的包放到线上以后,发现了bug,我们需要修复它,因为npm的限制,所以每次publish必须保证version的一致性。
npm给我们提供了这样三个命令:

  1. npm version patch
  2. npm version minor
  3. npm version major

三个命令依次会修改version的第3.2.1位。
major.minor.patch

patch

patch为改动最小的,也就是我们上边提到过的bug修复,^~都会兼容的版本号。

minor

如果是minor,则会修改中间的版本号,一般来讲,新功能的增加需要修改这个版本号,因为可能会造成之前的使用方式改变。

major

最后一个则是很大的更新才会去修改的版本号,例如我们亲爱的koa,在抛弃Generator拥抱async/await就是直接发布了koa2.x

执行这三个命令的先提条件是,你当前仓库是不存在未提交的修改的。
因为npm会直接帮你修改version并增加一条commit记录,如果有未提交的修改,可能会导致版本冲突。
在执行完这些命令(或者手动修改版本号也是没问题的),再执行npm publish即可上传更新包了。

如果想要自定义这次提交的信息的话,可以这样:
npm version patch -m "Upgrade version to %s"
%s会自动被npm替换为更新后的版本号提交上去。

更新时一定记得加对应的--tag,否则默认会推到@latest

npm scripts

关于package.json中的scripts,不知道大家了解多少。
如果你的包是上传到npm上的,那么其实有很多scripts是类似钩子的存在。

publish

当你的包执行了publish上传到服务器后,这个脚本会执行。
其实我们可以在这个地方执行git push操作来将本次的修改直接推到GitHub仓库上,节省了一次不必要的命令键入。
或者如果你这个包同时还上传到apm或者之类的同类型仓库,也可以直接在这里进行处理(省去多次繁琐的操作)

install

这个脚本会在包被安装后执行。
比如说我们使用Flowtype开发了一个包,我们可以直接将源码传到npm上,然后在install命令中执行编译,去除flow comments

一些依赖于node-gyp的包都会有install: node-gyp rebuild的操作。

uninstall

如果你的包会对一些全局的数据造成影响(比如某些包可能会去改写.bashrc之类的文件)。
这时你可以在uninstall脚本中将那些修改项进行还原(良心操作)。

更多的scripts钩子:https://docs.npmjs.com/misc/scripts

小记

最近翻看了一下npm的文档,发现了很多之前很少用的命令&参数。
觉得npm做的真心很不错,原来的一些重复性的工作,其实可以很轻松的使用npm相关的命令来解决。
希望大家不要只拿来进行npm install
最后:NPM Loves You

参考资料

https://docs.npmjs.com/cli/init
https://docs.npmjs.com/misc/developers
https://docs.npmjs.com/cli/version

目录
相关文章
|
6月前
|
JavaScript
npm install没问题,但npm run dev的时候报Node Sass version 6.0.1 is incompatible with ^4.0.0 ^5.0.0
npm install没问题,但npm run dev的时候报Node Sass version 6.0.1 is incompatible with ^4.0.0 ^5.0.0
55 0
|
5月前
|
前端开发
windows10 安装node npm 等前端环境 并配置国内源
windows10 安装node npm 等前端环境 并配置国内源
322 3
|
22天前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
28 0
|
6月前
|
资源调度 JavaScript Linux
nvm, node.js, npm, yarn 安装配置
nvm, node.js, npm, yarn 安装配置
280 1
2071 verbose node v16.6.0 2072 verbose npm v7.19.1或者 no such file or directory, lstat ‘D:\wor
该博客文章提供了解决在使用npm版本7.19.1时出现的"no such file or directory"错误的具体方法,建议通过降级npm到6.14.8版本来解决问题,并确认了该方法可以成功安装node_modules。
2071 verbose node v16.6.0 2072 verbose npm v7.19.1或者 no such file or directory, lstat ‘D:\wor
|
3月前
|
缓存 JavaScript 前端开发
成功解决:npm 版本不支持node.js。【 npm v9.1.2 does not support Node.js v16.6.0.】
这篇文章介绍了如何解决npm版本与Node.js版本不兼容的问题,提供了查看当前npm和Node.js版本的步骤,以及如何根据Node.js版本选择合适的npm版本并进行升级的详细指导。
成功解决:npm 版本不支持node.js。【 npm v9.1.2 does not support Node.js v16.6.0.】
|
3月前
|
JavaScript
【Deepin 20系统】Jupyter notebook解决ValueError: Please install Node.js and npm before continuing installa
文章讨论了在Deepin 20系统上安装Jupyter Notebook的debug插件时出现的"ValueError: Please install Node.js and npm before continuing installation"错误,并提供了使用conda安装Node.js的解决方法。
117 1
|
3月前
Mac卸载 Node npm,升级 Node
Mac卸载 Node npm,升级 Node
63 0
|
3月前
NPM——Electron failed to install correctly, please delete node_modules/electron and try
NPM——Electron failed to install correctly, please delete node_modules/electron and try
238 0
|
3月前
|
开发工具 git
IDEA——npm install 没有生成node_modules目录
IDEA——npm install 没有生成node_modules目录
237 0