Java登陸第三十四天——Node.js安裝、npm配置、npm命令

rowbed發表於2024-03-10
JavaNode.jsNPM

Nodejs是JS的執行環境，使JS可以執行在服務端，可以誇平臺，可以執行在瀏覽器之外，成為一款全棧程式語言。

Node.js安裝

Nodejs官網，進入👈網站後ctrl+F搜尋需要的版本即可；（本人是v18.16.0/node-v18.16.0-x64.msi）

nodejs安裝配置菜鳥教程。
關於Automatically install the necessary tools. Note that this will also install Chocolatey. The scripwill pop-up in a new window after the installation completes.
image
這一步非需不勾選，大概意思就是安裝一個名叫的Chocolate工具。不清楚是幹啥的不勾選就行。

反正後續還可以在繼續安裝。（重新開啟之前下載的node-v18.16.0-x64-change）
image

還能回到這兩個步驟
image
image

finish後開啟CMD，輸入node -v，npm -v查詢版本號。

node -v
v18.16.0

npm -v
9.5.1

npm

npm是安裝Nodejs時自動下載的工具。

全名Node Package Manager，是Node.js包管理工具，相當於Maven 。

更改源

npm安裝依賴預設是國外的官方源，更改源命令：

//更改為映象源
npm config set registry https://registry.npmmirror.com
//查詢源
npm config get registry

//官方源
https://registry.npmjs.org/

手動查詢所有依賴網站👉npmjs.com

全域性依賴和專案依賴

image
在win系統，預設的全域性依賴地址：使用者目錄\AppData\Roaming\npm

修改全域性依賴地址

開啟CMD

//手動在磁碟中建立一個目錄，作為全域性依賴。必須確保地址無誤
npm config set prefix "目錄地址"

//查詢全域性依賴地址
npm config get prefix

手動升級npm為指定版本

建議管理員模式開啟CMD

npm install -g npm@版本

//查詢npm版本
npm -v
//查詢nodejs版本
node -v

例如npm install -g npm@9.6.6。

npm常用命令

以下命令都需要在控制檯或CMD視窗，進入具體的專案執行。

在控制檯上會引導你填寫一些資訊，最終會生成一個package.json檔案。

package.json包含專案的資訊，等價於Maven中pom.xml。

Webstrom中控制檯位置。
image

專案初始化

  • npm init [-y]

    • 新增-y選項，表示全預設初始化一個專案。

對某個專案進行初始化時，需要填寫如下資訊。

資訊名 描述 預設值
package name 專案名 資料夾名
version 專案版本 1.0.0
description 描述 空
entry point 程式入口 app.js
test command 測試命令 生成一個echo
git repository git倉庫 空
keywords 關鍵字 空
author 作者 空
license 證書 ISC

image
此時輸入yes表示確定，若彈出建議更新資訊，按需無視即可。
image

此時專案中會自動生成一個package.json，記錄資訊如下。
image

專案初始化可以是多次的，package.json是可以刪除的。

安裝依賴

npm倉庫👉npmjs.com

同名依賴會覆蓋：無論高版本👉低版本，低版本👉高版本。

  • npm install [-g] 包名[@版本號]

    • 預設安裝的是專案依賴

    • install可簡寫為i

    • 不填寫版本號預設為最新版本

    • 新增-g選項，表示安裝的是全域性依賴

安裝vue最新版到專案依賴。
image

此時再開啟package.json檔案
image
dependencies眼熟嗎？此時該檔案中儲存了專案所需依賴。

安裝記錄中的依賴

安裝package.json中的所有記錄的依賴

  • npm i

    • 等價於npm install

前面說到，package.json檔案會儲存專案所需依賴資訊。

如果不小心刪除了某些依賴，直接使用該命令重新安裝即可。

同理，後續開發僅需傳遞該檔案即可，由對方根據該檔案，自行從倉庫裡安裝依賴，大大減少了網路傳輸專案所需時間。

其他命令

命令 描述
npm update 包名[@版本號] 升級依賴到最新版，或指定版
npm uninstall 包名 解除安裝依賴
npm ls 檢視專案依賴
npm list -g 檢視全域性依賴

npm指令碼

  • npm run XXX

    • XXX為package.json檔案中定義的
      image

該命令在後續的學習會補充。

相關文章