女朋友说总是记不住npm命令,怎么办?安排

139 阅读2分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 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  # 检查包是否已经过时