前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >NPM实用指北

NPM实用指北

作者头像
贾顺名
发布2019-12-09 11:47:25
3490
发布2019-12-09 11:47:25
举报
文章被收录于专栏:全沾开发(huā)全沾开发(huā)

NPM实用指北

npm作为下载node附送的大礼包,大家一定不会陌生。 然而关于npm,估计大量的只是用到npm install XXX以及npm run XXX

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

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

下载相关的操作

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

install 可以简写为 i

安装原有的依赖包

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

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

代码语言:javascript
复制
{
  "dependencies": {
    "koa": "^2.5.0"
  },
  "devDependencies": {
    "eslint": "^4.19.1"
  }
}

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

代码语言:javascript
复制
> npm ls --depth=0
├── [email protected]
└── [email protected]

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

代码语言:javascript
复制
> npm ls --depth=0
└── [email protected]

使用--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

代码语言:javascript
复制
npm i [email protected]
npm i [email protected]
npm i [email protected]">=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字段,用来指定一个文件。

代码语言:javascript
复制
{
  "bin": {
    "sayhi": "bin/hi"
  }
}

文件./bin/hi

代码语言:javascript
复制
#!/usr/bin/env node

console.log('hi there')

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

npm show

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

代码语言:javascript
复制
npm show koa version
npm show koa dist-tags.latest

npm publish

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

代码语言:javascript
复制
npm publish

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

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • NPM实用指北
    • 下载相关的操作
      • 安装原有的依赖包
      • 新增依赖的安装
    • 上传相关的操作
      • npm init
      • 开发包的过程
      • npm show
      • npm publish
      • npm scripts
    • 小记
      • 参考资料
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档