已經了解了包管理器的基本概念?是時候將知識付諸實踐了!首先,我們需要安裝npm。
本指南將指導您安裝Node和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版本管理器(nvm)允許您在系統上安裝、更新和卸載Node,並管理多個Node版本。
服務器端語言有自己的版本(例如,Node 17.1.0),與瀏覽器版本(例如,Chrome 96)無關。我們只需要最新版本的Node,因此目前不需要nvm,但將來可能會有用。
安裝一個程序只是為了安裝另一個程序,這似乎是多餘的工作,但這確實是推薦的方法,從一開始就正確操作會使以後的操作更容易。
如果您使用Windows,安裝過程會更容易。您需要專門用於Windows的nvm,但幸運的是,Windows已經提供了安裝程序,只需下載並運行即可。具體說明請參考GitHub上的NVM for Windows倉庫。
nvm list available
命令查看可下載和安裝的Node版本列表。nvm use
命令,後跟要使用的Node版本號(例如nvm use 16.9.1
)以使用特定版本。或者,您可以使用latest
、 lts
或newest
代替特定版本號,其中newest
是最新已安裝的版本。安裝後,nvm在Windows機器上的工作方式與其他系統相同。
要在MacOS上安裝nvm,第一步是使用以下命令下載它:
<code>curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash</code>
0.39.0是發佈時的最新版本,但可能需要檢查nvm安裝自述文件並獲取最新版本(如果不同)。
將該命令粘貼到終端並按Enter鍵後,您將看到終端輸出大量無關緊要的信息。實際上,大多數情況下沒有人會閱讀終端中的這些信息。我們只關心:
如果在安裝過程中提示您輸入命令,請按q鍵退出並繼續。
當輸入光標再次閃爍時,表示命令已完成運行,終端正在等待您的輸入。在nvm安裝完成後,您可能會看到:
<code>=> Close and reopen your terminal to start using nvm or run the following to use it now:</code>
如果此時沒有看到錯誤,建議在繼續之前退出並重新啟動您正在使用的終端應用程序。這是一個確保您從乾淨狀態開始的好方法。
現在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中文網其他相關文章!