开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第15天,点击查看活动详情
在现代化的前端开发中,我们都会避免安装不少包依赖,那安装的依赖包多了,管理也是个大问题,市面上最常见的解决方案就是使用npm包管理工具(全称:Node Package Manager),这样一来我们肯定少不了要学习npm的命令语句,但是我们不是机器人记忆力总是有限的,总是会忘记一下npm的命令语句。所以我就写了这篇文章给大家忘记的时候快速查看。主要是方便女朋友😁😎。
查看命令
查看 npm 命令列表
$ npm help
查看各个命令的简单用法
$ npm -l
查看 npm 的版本
$ npm -v
查看 npm 的配置
$ npm config list -l
初始化文件夹
$ npm init
npm init是用来初始化我们的文件夹的,执行该命令会为我们的文件夹生成一个新的package.json文件。然后它需要我们输入一系列关于我们文件夹的描述信息。
package name: (xxx-plugin) // 我们的名称
version: (1.0.0) // 版本号
description: // 作用描述
entry point: (index.js) // 入口,如果我们不设置默认为根文件夹下的 index.js
test command: // 测试脚本
git repository: // 项目代码仓库(可以先不填)
keywords: // 关键词,利于包检索
author: // 作者
license: (ISC) // 许可证协议
如果尾缀带-f(代表force)、-y(代表yes),则跳过填写信息阶段,直接生成一个新的package.json文件信息为默认信息,不带尾缀的话,默认有填写信息阶段。
安装包
$ npm install //完整写法,执行后会安装我们package.json里的所有依赖
$ npm i // 安装的缩写
$ npm i <package name> // 安装包到默认dependencies
$ npm i <package name> -g // 安装全局依赖
$ npm i <package name> -S // 安装的是生产依赖(dependencies)
$ npm i <package name> -D // 安装的是开发依赖(devDependencies)
$ npm i vue@x.x.x // 安装jquery可以指定的x.x.x版本
$ npm install <packageName> --force //强制重新安装
-g: 为 --global 的缩写,声明式全局依赖,安装到全局目录里
-S: 为 --save 的缩写,声明式生产是依赖。安装到package.json里面的dependencies
-D: 为 --save-dev 的缩写,声明式开发时依赖,安装到packege.json里面的devDependencies
卸载包
$ npm uninstall express # 卸载包,但不卸包块在package.json里的信息
$ npm uninstall express -g # 卸载全局包
$ npm uninstall express --save # 卸载包,同时卸载留在package.json中dependencies下的信息
$ npm uninstall express --save-dev # 卸载包,同时卸载留在package.json中devDependencies下的信息
更新包
$ npm update vue # 更新最新版本的jquery
$ npm update vue@2.1.0 # 更新到指定版本号的jquery
$ npm install vue@latest # 可以直接更新到最后一个新版本
查看包
$ npm root # 查看项目中包所在的目录
$ npm root -g # 查看全局安装的包所在目录
$ npm list 或者 npm ls # 查看本地已安装包的清单列表
$ npm view jquery dependencies # 查看某个包对于各种包的依赖关系
$ npm view jquery version # 查看jquery最新的版本号
$ npm view jquery versions # 查看所有jquery历史版本号(很实用)
$ npm view jquery # 查看最新的jquery版本的信息
$ npm info jquery # 查看jquery的详细信息,等同于上面的npm view jquery
$ npm list jquery 或 npm ls jquery # 查看本地已安装的jquery的详细信息
$ npm view jquery repository.url # 查看jquery包的来源地址
npm run
- npm 不仅可以用于包的管理,还可以用于执行脚本。package.json 文件有一个 scripts 字段,用于指定脚本命令,供npm调用。
- npm run 命令会自动在环境变量 $PATH 添加 node_modules/.bin 目录,所以 scripts 字段里面调用命令时不用加上路径,这就避免了全局安装 NPM 包。
- npm run 如果不加任何参数,直接运行,会列出 package.json 里面所有可以执行的脚本命令。 npm内置了两个命令简写,npm test 等同于执行 npm run test,npm start 等同于执行 npm run start。
$ npm i eslint --save-dev
其他命令
$ npm cache clean # 清除npm的缓存
$ npm prune # 清除项目中没有被使用的包
$ npm outdated # 检查包是否已经过时