首頁 > web前端 > css教學 > 以幾個簡單的步驟安裝NPM

以幾個簡單的步驟安裝NPM

Joseph Gordon-Levitt
發布: 2025-03-15 09:15:11
原創
401 人瀏覽過

Install npm in a Few Easy Steps

已經了解了包管理器的基本概念?是時候將知識付諸實踐了!首先,我們需要安裝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 )以使用特定版本。或者,您可以使用latestltsnewest代替特定版本號,其中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 -vnode -v驗證所有內容是否已安裝並更新。如果一切順利,您將獲得版本號。

接下來的步驟

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

← 第5章第7章→

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

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板