以幾個簡單的步驟安裝NPM

已經了解了包管理器的基本概念？是時候將知識付諸實踐了！首先，我們需要安裝npm。

本指南將指導您安裝Node和npm，並創建一個示例項目，幫助您掌握npm基礎知識及其在前端開發中的應用。

指南章節

1. 本指南面向誰？
2. “npm”是什麼意思？
3. 命令行是什麼？
4. Node是什麼？
5. 包管理器是什麼？
6. 如何安裝npm？ (您當前位置!)
7. 如何安裝npm包？
8. npm命令是什麼？
9. 如何安裝現有的npm項目？

檢查npm是否已安裝

在安裝npm之前，先檢查它是否已安裝。打開終端（MacOS的終端應用程序、VS Code等代碼編輯器的集成終端或其他命令行終端）。

輸入以下命令（注意，示例中不包含$字符）：

 <code>node -v</code>

此命令顯示Node的當前版本（如果已安裝）。如果Node已安裝，命令行將返回已安裝的Node版本號：

 <code>v16.9.1</code>

您的版本可能不同，但只要顯示版本號就表示npm已安裝！版本號本身並不重要。

如果npm或Node未安裝，您將看到類似“命令未找到”的消息。如果npm已安裝但Node未安裝（反之亦然），建議先卸載再繼續。

如果您需要安裝npm和Node，我們將按照官方NPM指南的建議，通過nvm程序進行安裝。

安裝Node版本管理器

Node版本管理器（nvm）允許您在系統上安裝、更新和卸載Node，並管理多個Node版本。

服務器端語言有自己的版本（例如，Node 17.1.0），與瀏覽器版本（例如，Chrome 96）無關。我們只需要最新版本的Node，因此目前不需要nvm，但將來可能會有用。

安裝一個程序只是為了安裝另一個程序，這似乎是多餘的工作，但這確實是推薦的方法，從一開始就正確操作會使以後的操作更容易。

在Windows上安裝nvm

如果您使用Windows，安裝過程會更容易。您需要專門用於Windows的nvm，但幸運的是，Windows已經提供了安裝程序，只需下載並運行即可。具體說明請參考GitHub上的NVM for Windows倉庫。

• 下載最新版本的NVM for Windows。也可以手動安裝。
• 打開終端並運行nvm list available命令查看可下載和安裝的Node版本列表。
• 運行nvm use命令，後跟要使用的Node版本號（例如nvm use 16.9.1 ）以使用特定版本。或者，您可以使用latest 、 lts或newest代替特定版本號，其中newest是最新已安裝的版本。

安裝後，nvm在Windows機器上的工作方式與其他系統相同。

在MacOS上安裝nvm

要在MacOS上安裝nvm，第一步是使用以下命令下載它：

 <code>curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash</code>

0.39.0是發佈時的最新版本，但可能需要檢查nvm安裝自述文件並獲取最新版本（如果不同）。

將該命令粘貼到終端並按Enter鍵後，您將看到終端輸出大量無關緊要的信息。實際上，大多數情況下沒有人會閱讀終端中的這些信息。我們只關心：

1. 命令最終完成；以及
2. 命令沒有以錯誤消息結尾。

如果在安裝過程中提示您輸入命令，請按q鍵退出並繼續。

當輸入光標再次閃爍時，表示命令已完成運行，終端正在等待您的輸入。在nvm安裝完成後，您可能會看到：

 <code>=> Close and reopen your terminal to start using nvm or run the following to use it now:</code>

如果此時沒有看到錯誤，建議在繼續之前退出並重新啟動您正在使用的終端應用程序。這是一個確保您從乾淨狀態開始的好方法。

如何通過Node安裝npm

現在nvm已安裝，我們準備做我們真正想做的事情：在系統上安裝npm和Node。

最好確認nvm是否正確安裝，方法是運行nvm -v 。如果終端顯示已安裝的版本號，則一切正常！如果不是，請記住，您可能需要重新啟動終端應用程序才能完成安裝。

現在我們有了nvm，安裝Node的命令非常簡短：

 <code>nvm install node</code>

夠簡單的，對吧？

您應該會看到類似“正在下載和安裝node v17.1.0”的消息，儘管版本號可能不匹配，這沒關係。您將獲得運行時的最新穩定版本。等待命令完成運行——同樣，當您回到默認提示符並能夠鍵入更多命令時，您就知道它完成了。

之後，您就完成了！這個簡單的命令不僅安裝了Node，還安裝了npm。同樣，您可以使用npm -v和node -v驗證所有內容是否已安裝並更新。如果一切順利，您將獲得版本號。

接下來的步驟

好了，現在我們有了用於安裝和管理Node的nvm、Node本身以及用於處理Node包的npm。在本npm指南的下一部分，我們將把一些包安裝到項目中！

← 第5章第7章→

以上是以幾個簡單的步驟安裝NPM的詳細內容。更多資訊請關注PHP中文網其他相關文章！