极简NPM指南与常用命令

1,506 阅读3分钟

npm is the package manager for javascript

准备

npm 全称是 Node Package Manager,是前端开发必备的开发工具之一,也是当前世界上流行的包管理和分发工具,能够让开发者轻松的下载、安装、上传和管理已经安装的插件。

值得一提的是,在安装 NodeJS 时会默认带有 npm,使用 npm -v 就可以查看当前使用的版本号,使用 npm -l 展示所有可用的命令信息。当遇见不懂的命令行时,推荐使用 npm help <term> 查看详情,通过这个命令会自动打开一个浏览器窗口显示命令介绍与参数设置,这点好评。

虽然每次安装 NodeJS 时都会带上 npm,但是 npm 会更加频繁的更新,所以通过 npm install npm@latest -g 来安装最新的稳定版本。 项目 安装好 npm 之后我们就可以新建一个 npm 的项目, 通过 npm init 来初始化 package.json 文件,之后会有各种选项让你填写,包括项目名称、版本号等等,如果觉得麻烦,可以通过 npm init --yes 自动填写默认的选项。下面是一些常用的配置项含义:

一个普通标题 一个普通标题
name 项目名称,必填项
version 版本号,必填项
description 包的描述,会在 npm search 返回结果中显示,以帮助用户选择合适的包
main 入口文件
script 设置这个可以使 npm 调用命令脚本
keywords 包的关键信息,是一个字符串数组
author 作者的信息
license 包的对开源协议名称
repository 包的仓库信息
dependencies 指定依赖的其它包,项目发布后正常执行时所需要
devDependencies 开发时需要依赖的包

创建好项目和初始化之后,就可以愉快的敲代码了。

一阵忙碌之后,就可以准备发布代码了,我们用 npm author ls 查看当前项目的所有所属用户,然后使用 npm who am i 查看当前登录的用户,如果还没登录,使用 npm login 登录注册的 npm 账号。终于可以发布代码了,敲 npm publish 即可发布包,使用 npm view <package_name> versions 查看 npm 服务器上所有的版本信息,然后快把你的作品分享给你的小伙伴吧。

安装

npm 的安装方式分为全局和局部安装,全局安装使用 npm install -g <package_name>,我们常用的 webpack 就推荐使用全局安装的方式。局部安装就在目录下面 install 即可,这里有两个需要掌握的参数,就是 --save--save-dev,前者的作用是在 package.json 中的 dependencies 字段增加或者修改一个安装包和版本号,后者则是修改 devDependencies,这样就方便了很多。推荐使用简写 -P 代表 --save,-D 代表 --save-dev

更新

经常更新包到最新版本有助于保持代码和工具的稳定性、可用性和安全性。更新 npm 的包是很轻松的事情,只需要到项目根目录下(包含 package.json 文件),执行 npm update 即可,之后使用 npm outdated 查看是否还有未更新的包。对于全局安装的包,可以敲 npm outdated -g --depth=0 来查看更新,确定要更新的包,使用 npm update -g <package_name> 就可以更新了。

其他

我们看了这么多命令行,直观的感觉就是 npm 的命令非常的简洁与实用,比如 npm uninstall <package_name> 就是卸载对应的包,加个 -g 就是卸载全局中的包,使用 --save 参数卸载包和清除 package.json 中的内容。除此之外,npm ls 命令可以用来列出项目中所有安装的包。基本上常用的 npm 命令就介绍到这里了,掌握了这些命令之后就算得上入门了,更多的使用姿势和技巧可以阅读官方文档来获取。