Web常用工具使用总结

NPM

1. 列出所有当前的 npm 配置，包括仓库地址
   npm config list -l

设置默认仓库地址
npm config set registry <repository-url>
查看当前仓库地址
npm config get registry

# 将仓库地址重置为 npm 的默认地址
npm config set registry https://registry.npmjs.org
npm config set registry https://registry.npm.taobao.org

安装开发依赖
npm install --save-dev

npm view 查看包版本

格式：npm view 包名 versions

如下所示：

➜ npm view underscore versions
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
[
  '1.0.3',    '1.0.4',    '1.1.0',    '1.1.1',
  ......
  '1.13.6',   '1.13.7'
]

npm search 搜索模块

npm search <搜索词> [-g]
npm search命令用于搜索npm仓库，它后面可以跟字符串，也可以跟正则表达式。

npm install 安装模块

本地安装

1. npm 在默认情况下会从 npmjs.org 搜索或下载包，将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。
2. 可以通过 require() 来引入本地安装的包。3. 本地安装指的是将一个模块下载到当前项目的 node_modules 子目录，然后只有在项目目录之中，才能调用这个模块。

全局安装

1. 将安装包放在 /usr/local 下或者你 node 的安装目录。
2. 可以直接在命令行里使用。

如果把包安装到全局，可以提供程序的重复利用程度，避免同样的内容的多分副本，但坏处是难以处理不同的版本依赖。如果把包安装到当前目录，或者说本地，则不会有不同程序依赖不同版本的包的冲突问题，同时还减轻了包作者的 API 兼容性压力，但缺陷则是同一个包可能会被安装许多次。

# 读取package.json里面的配置并安装  
npm install  // 可简写成 npm i

# 本地安装
# 默认安装指定模块的最新(@latest)版本, 例如：npm install gulp
npm install <package name>
# 安装指定模块的指定版本
npm install <name>@<version>，例如：npm install gulp@3.9.1
# 安装指定指定版本范围内的模块, 例如： npm install vue@">=1.0.28 < 2.0.0"
npm install <name>@<version range>
# 安装指定模块的指定标签 默认值为(@latest), 例如：npm install sax@0.1.1
npm install <name>@<tag>
# 通过Github代码库地址安装, 例如：npm install git://github.com/package/path.git
npm install <tarball url>

# npm install安装之前会先检查node_modules目录之中是否已经存在指定模块。如果存在就不再重新安装了，即使远程仓库已
# 经有了一个新版本也是如此。如果希望一个模块不管是否安装过，都要强制重新安装，可以使用 -f 或 --force 参数。
npm install <packageName> --force
# install 命令可以使用不同参数，指定所安装的模块属于哪一种性质的依赖关系，即出现在 packages.json 文件的哪一项中。
# 模块名将被添加到 dependencies，可以简化为参数-S。
npm install sax –-save
# 模块名将被添加到 devDependencies，可以简化为参数-D。
npm install sax –-save-dev

# 全局安装
npm install -global <package name>
npm install -g <package name>

# 升级npm
npm install npm -g/npm i npm -g // install可简写为i
# 使用淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 查看所有全局安装的模块
npm list -g

npm info

npm info 命令可以查看每个模块的具体信息

➜ npm info underscore
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.

underscore@1.13.7 | MIT | deps: none | versions: 54
JavaScript's functional programming helper library.
https://underscorejs.org

keywords: util, functional, server, client, browser

dist
.tarball: https://registry.npmmirror.com/underscore/-/underscore-1.13.7.tgz
.shasum: 970e33963af9a7dda228f17ebe8399e5fbe63a10
.integrity: sha512-GMXzWtsc57XAtguZgaQViUOzs0KTkk8ojr3/xAxXLITqf/3EMwxC0inyETfDFjH/Krbhuep0HNbbjI9i/q3F3g==
.unpackedSize: 906.3 kB

maintainers:
- jashkenas <jashkenas@gmail.com>
- jgonggrijp <dev@juliangonggrijp.com>

dist-tags:
latest: 1.13.7  stable: 1.13.7

published 12 months ago by jgonggrijp <dev@juliangonggrijp.com>

上面命令返回一个 JavaScript 对象，包含了 underscore 模块的详细信息。这个对象的每个成员，都可以直接从 info 命令查询

npm info underscore description
npm info underscore homepage
npm info underscore version

npm 配置

常用配置说明：

1. 全局安装：-g | -global，例如: npm i -g gulp 或者 npm i gulp -g


#**（生产阶段的依赖）**
#安装并将被添加到package.json的dependencies区
-S | --save  
例如：npm i gulp --save 或 npm i gulp -S

#**（开发阶段的依赖）**
#安装并将被添加到package.json的devDependencies区。
-D | --save-dev
//npm i gulp --save-dev 或 npm i gulp -D

#这是默认设置，除非-D或-O存在
#安装并将被添加到package.json的dependencies区。
-P | --save-prod

#**（可选阶段的依赖）**
#安装并将被添加到package.json的optionalDependencies区
-O | --save-optional

#安装模块的确切版，而不是使用npm的默认semver range运算符
-E | --save-exact
//npm i gulp --save-exact 或 npm i gulp -E
  
#安装并将被添加到`bundleDependencies`列表中
-B | --save-bundle
  
#模块不管是否安装过，npm 都要强制重新安装
-f|--force
//eg:npm install sax --force
//补充：所有模块都要强制重新安装，那就删除`node_modules`，重新执行`npm install`
$ rm -rf node_modules //或者手动去删除node_modules目录
$ npm install

#防止保存到`dependencies`
--no-save 

#报告安装状况而不是真的安装
--dry-run