npm 一些有用的提示和技巧

生成 package.json

咱們一般執行 npm init，而後開始添加 npm 請求的信息。 可是，若是咱們不關心全部這些信息，而且但願保留默認值，那麼對於 npm 請求的每一條數據，咱們都按 enter 鍵。爲了不這種狀況，你能夠輸入 npm init -y。這樣就能夠跳過問題詢問了。

注：你也可使用 npm init --yes 做用是同樣的。

安裝模塊

你可使用更加簡單的 npm i 來代替 npm install。

一次安裝多個模塊

你不須要爲每一個模塊鍵入一個 npm install 命令，例如：

bash 代碼:

    npm i gulp-pug
    npm i gulp-debug npm i gulp-sass

你能夠只運行一個命令，一次性安裝全部這些模塊：

bash 代碼:

npm i gulp-pug gulp-debug gulp-sass

還有更加簡單的方法，若是全部名稱都以相同的前綴開頭，你不須要鍵入整個名稱：

bash 代碼:

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

使用 install flags(安裝參數) 的快捷方式

若是要安裝軟件包並將其另存爲生產依賴項，則一般會這樣作

bash 代碼:

npm i gulp --save-prod

你可使用 -P 快捷方式，像這樣：

bash 代碼:

npm i gulp -P

對於開發依賴項也是同樣，不須要鍵入完整的 --save-dev 標誌，你可使用 -D 快捷方式，像這樣：

bash 代碼:

npm i gulp -D

默認狀況下，當你運行不帶任何 flags(參數) 的 npm install 時，npm 會將包做爲依賴項添加到 package.json 文件中。 若是要防止這種狀況，請使用 --no-save flags(參數) 安裝，以下所示：

bash 代碼:

npm i gulp --no-save

獲取包信息

下面的命令將顯示 vue 包的相關信息：

npm view vue 或 npm v vue

若是你只想得到最新版本的軟件包，能夠試試下面這個命令：

bash 代碼:

    > npm v vue version
    > 2.5.17

若是你想得到 npm 包完整的版本列表，請嘗試複數形式

bash 代碼:

    > npm v vue versions
    > [ '0.0.0', '0.6.0', '0.7.0', ... '2.5.15', '2.5.16', '2.5.17-beta.0', '2.5.17' ]

安裝特定版本的軟件包

若是要安裝版本，而不是最新版本的軟件包，能夠鍵入：

bash 代碼:

npm i vue@2.5.15

 

鑑於記憶名稱比數字更容易（至少對我來講），你可使用 dist-tag 列表中名稱，運行 npm v 命令便可獲得該列表 ，以下所示：

bash 代碼:

npm i vue@beta

搜索 package(包)

有時你可能記不住你前一段時間或你朋友推薦的某個 package(包) 的確切名稱。 在這種狀況下，你可使用 npm 搜索，直接在終端中執行搜索：

bash 代碼:

npm search gulp debug

或者

bash 代碼:

npm s gulp debug

這將打印包含描述，做者和一些其餘信息的包列表：

卸載 package(包)

若是你不想打開 package.json 文件並從那裏手動刪除依賴項，則可使用如下命令將其刪除：

bash 代碼:

npm uninstall vue

這將從 node_modules 文件夾和 package.json 文件中刪除該包。 固然，你可使用 rm ， un 或 r 來實現相同的效果，例如：

bash 代碼:

npm rm vue

若是因爲某種緣由你只想從 node_modules 文件夾中刪除包文件，但仍然將其做爲依賴項保存在 package.json 文件中，則可使用 --no-save 參數：

bash 代碼:

npm rm vue --no-save

列出依賴項

若是要查看項目依賴項列表，可使用

bash 代碼:

npm ls

這將列出 package.json 文件中全部的依賴項以及它們的全部依賴項。 若是你只想列出你的依賴項，你能夠這樣作

bash 代碼:

npm ls --depth=0

這將打印出這樣的東西：

bash 代碼:

    ├── jquery@3.3.1
    ├── vue@2.5.17 └── yarn@1.12.3

固然，若是要查看全部全局安裝的包的列表，可使用 -g 標誌

bash 代碼:

npm ls -g -depth 0

運行測試

你可使用 npm run tests 運行測試，但你能夠用 npm test 甚至更簡短的 npm t 代替。

顯示可用的 script

有時，咱們但願查看 package.json 文件中包含的腳本。 咱們固然能夠打開 package.json 文件，但咱們也能夠這樣作：

bash 代碼:

npm run

若是在 package.json 文件中有這樣的配置，以下所示：

bash 代碼:

    "scripts": {
    "test": "jest", "build": "gulp build" }

那麼 npm run 命令將顯示如下內容：

bash 代碼:

    Lifecycle scripts included in npm: test jest available via `npm run-script`: build gulp-build

從 Github 倉庫安裝 package(包)

你能夠直接從 Github 倉庫安裝一個包：

bash 代碼:

npm i https://github.com/sindresorhus/gulp-debug

或者你能夠省略域名部分

bash 代碼:

npm i sindresorhus/gulp-debug

打開包的 Github 頁面

你固然能夠經過 Google 搜索，而後查找該頁面，或者你能夠執行如下操做：

bash 代碼:

npm repo create-react-app

無需安裝軟件包便可執行上述命令。

列出全部可用的 NPM 環境變量

你能夠經過運行如下命令來查看可供咱們使用的 NPM 變量的完整列表：

bash 代碼:

npm run env | grep npm_

上面的命令將打印以下內容：

bash 代碼:

npm_config_fetch_retry_maxtimeout=60000
npm_config_tag_version_prefix=v npm_config_strict_ssl=true npm_config_sso_type=oauth

這些變量的好處是它們能夠在你的腳本中使用，你甚至能夠建立本身的 NPM 環境變量，讓咱們看看如何建立。

添加本身的 NPM 變量

你能夠經過向 package.json 文件添加本身的 NPM 變量。 它能夠是任何 key，但我更喜歡將全部 NPM 變量放在 config key 中，以保持結構有序。 像這樣：

bash 代碼:

    "config": {
     
    "build_folder":"./dist" }

如今，若是你使用前面討論的命令 npm run env | grep npm_ 列出你的變量，你會看到你的新變量在那裏：

bash 代碼:

npm_package_config_build_folder=./dist
npm_config_fetch_retry_maxtimeout=60000
npm_config_tag_version_prefix=v npm_config_strict_ssl=true npm_config_sso_type=oauth

默認狀況下，npm 會將你的變量命名以 npm_package 爲前綴，並保持其在 package.json文件中的結構，即 config_build_folder 。

在 NPM script 中使用 NPM 變量

一旦你看到了完整的變量列表，而且你但願在 script 中使用這些變量中的任何一個的值，那麼你就能夠在 package.json 中執行此操做(請參閱上一節中變量 npm_package_config_build_folder 的值)

bash 代碼:

    "scripts": {
    "build": "gulp build --dist $npm_package_config_build_folder" }

一旦你用 npm run build 運行這個命令，它將被執行爲

bash 代碼:

gulp build --dist ./dist

在個人平常工做流程中，這些是我最喜歡的快捷方式和命令，有沒有你喜歡的快捷方式或命令沒列在這篇文章中，歡迎留言告訴我。