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

轉載聲明：本文並非原創，僅用於借鑑和總結，以儘可能的幫助他人，點擊這裏查看原文。

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
> ...
> gulp build --dist 123123