《NPM - 看起来“高大上”的操作方式（下集）》

[wangsiyuan0215]

@(improvement)

《NPM - 看起来“高大上”的操作方式（下集）》

[TOC]

转载声明：本文并非原创，仅用于借鉴和总结，以尽可能的帮助他人，点击这里查看原文。

1. npm install => npm i

1.1 运行一条命令安装全部的依赖包：

npm i gulp-pug gulp-debug gulp-sass

1.2 如果安装的依赖包有个共同的前缀，还可以从第二个安装包开始省略前缀：

npm i gulp{-debug,-sass,-pug}

1.3 如果想要将依赖包安装到 Production Dependency，可以使用 --save-prod 或者 -P 标示:

# --save-prod
npm i gulp --save-prod
# _p
npm i gulp -P

1.4 一般使用 npm install 命令时如果不使用任何标示会默认地将包添加到 package.json 中，如果想要安装该包却不想被记录，可以使用 --no-save 标示:

npm i vue --no-save

2. npm view => npm v

npm view 执行后会显示包的相关信息：

npm view vue or npm v vue

2.1 如果想要查看当前包的最新版本信息，可以使用 version：

npm view vue version
# or
npm v vue version

2.2 如果想要查看当前包的所有版本信息，可以使用 versions：

npm view vue versions
# or
npm v vue versions

3. npm search => npm s

Sometimes you can’t simply remember the exact name of that package you used some time ago or that your friend recommended.

npm search 执行后会显示包含关键字相关包的列表，如果搜索多个关键字，以空格隔开：

npm search gulp debug
# or
npm s gulp debug

4. npm uninstall => npm rm|un|r

删除依赖包的命令，便于用户不用手动地在 package.json 中删除包：

npm uninstall vue
# or 
npm rm vue
# or
npm un vue
# or
npm r vue

PS: npm uninstall 可以使用 npm install 相关的标示，比如 --no-save 等；

5. npm repo

You can of course do a Google search, and then look for the page, or you can do this:

npm repo create-react-app

6. npm run env | grep npm_

列出所有的 npm 的可用的环境变量；

npm run env | grep npm_

7. 新增属于自己的 npm 环境变量（自定义）

在 package.json 中添加新的 key 和 value 可以新增属于自己的 npm 环境变量：

// json
"TEST_CONFIG": {
  "app": "123123"
}

// bash
> npm run env | grep npm_package_TEST_CONFIG_app
> npm_package_TEST_CONFIG_app=123123

8. 使用自定义 npm 环境变量在 npm 脚本中

Once you’ve seen the full list of variables and you want to use the value of any of those variables in your scripts, you can do this in your package.json.

自定义环境变量的命名规范是以 npm_package_ 为前缀，在 npm scripts 中要与 $ 符号组合使用访问自定义变量。

// json
"scripts": {
  "build": "gulp build --dist $npm_package_TEST_CONFIG_app"
}

// bash
> npm run build
> gulp build --dist 123123