前端開發中最常用的8個npm技巧

小編提醒：本文圖片較多~

你觀看一個同事編碼時候，你會看到一些速記和技巧被應用，有些方式你並不熟悉，那你就被鄙視了，這種事情在我們每一個一生都會發生的。

在這篇文章中，我將介紹一些很有用的npm技巧，還有很多這裡並不能全收錄，我們只關注那些相關的並且有益於我們每天的工作和開發的技巧。

基本的速記

為了讓大家的對npm有一個一致的理解，尤其是我們的新人，讓我們快速了解基本的速記和確保沒有錯過任何細節。

安安裝包

常規:, 速記:.

全安裝包:

常規:, 速記:.

安包並包含在依賴中:

常規:, 速記:.

安包並包含在開發依賴中:

常規:, 速記:.

其他的npm速記閱讀npm博客速記表.

下面開始有趣的內容。

1. 初始化一個新包

我們都知道，用來創建一個新的包。

GIF/184K

但是，所有的問題都是匿名的，我們無論如何都會修改它的，那麼怎麼避免發生呢？

使用和回到初始化！

GIF/115K

2. 運行測試命令

另一個命令就是,我們可能每天使用依次或者一天使用好幾次。

GIF/117K

如果我告訴你可以使用少於40%的字元去完成這個功能？我們經常使用，應該這樣。

幸運的是，我們可以使用，它就可以勝任

GIF/108K

3. 枚舉可用的腳本

我們開始一個新項目，我們想知道如何開始。我們通常會問自己這樣的問題：我們如何運行它？哪些腳本可用？

一個方法是打開package.json文件並檢查部分。

GIF/93K

我們可以做的更好，當然，我們只是運行得到一個的所有可用的腳本的列表。

GIF/109K

另外的可以選擇是安裝()，然後運行在項目文件夾中。它也可以運行腳本，也很方便。

GIF/154K

4. 枚舉已經安裝的包

類似於可用的腳本，有時我們會問自己我們的項目中有哪些依賴項。

我們可以再次打開package.json文件和檢查，但是我們已經做的更好了。

使用.

GIF/130K

枚舉全局安裝包，使用

GIF/136K

5. 運行本地安裝的可執行文件

我們安裝了一個包在我們的項目中，它是一個可執行的，但我們只能運行它通過一個新的腳本。你想知道為什麼，或者如何克服它？

首先，讓我們了解為什麼——當我們在終端中執行命令時，實際發生的是它在PATH環境變數中列出的所有路徑中查找一個具有相同名稱的可執行文件。這就是他們如何神奇地從任何地方都可以執行。本地安裝的軟體包登記他們的可執行文件在本地，所以他們不在我們的路徑中將不會被發現。

當我們運行這些可執行文件通過一個新腳本，它是如何工作的呢？你可能會問？很好的問題！這是因為這種方式運行時，NPM做了一點技巧和增加了一個額外的文件夾到，中。

你可以看到它的運行。你也可以運行只是查看所有可用的環境變數，npm增加了一些更有趣的東西。

，如果你不知道，正是在本地安裝的軟體包放置可執行文件的地方。

我們可以運行在我們的項目中，看看將會發生什麼.

GIF/153K

很簡單, 對吧? 僅僅運行，無論什麼時候你想要運行本地已安裝的可執行文件。

6. 在網上查找你想要的包

你可能看到了這個入口在package.json文件中，疑問「這有什麼好處？」

為了問答這個問題，僅僅運行然後在你的瀏覽器中查看。

與之類似,命令進入主頁。

如果你想打開你的包的主頁npmjs.com，那是一個不錯的速記，。

7. 在其他腳本前後運行腳本

您可能熟悉諸如之類的腳本，它允許您定義在腳本之前運行的代碼。

您可能會驚訝地發現，您可以為每個腳本配置或有或後的腳本，包括您自己的自定義腳本！

GIF/175K

對於項目中，你使用NPM作為您的構建工具，有很多腳本，你需要自己總結使用。

8. 修改包的版本

你開發一個安裝包，你使用semver作為版本管理工具，修改一個新版本。

通過這種方式，你需要手動的修改package.json文件，我們不推薦這樣做。

更容易的方式是運行通過,或者

GIF/146K

這就是這期的所有。

我希望你學到新的東西，發現在這些技巧用，並在你的日常工作流程中使用。最好的就是你對npm有一個新的了解，在你的工作中更好的使用它。

給同事留下深刻印象是很好的，但是不斷學習新事物並且更專業更好！

如果你知道更多有用的技巧，請在評論中分享！

譯者：liuhui_is_me

譯文：http://www.zcfy.cc/article/3362

原文：https://medium.freecodecamp.com/8-npm-tricks-you-can-use-to-impress-your-colleagues-dbdae1ef5f9e

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！