NPM 是甚麼?

更新於 發佈於 閱讀時間約 5 分鐘
此筆記僅以個人清楚理解方式記錄

簡介

NPM 全稱為 ( Node Package Manager ),直接翻譯就是 " node套件管理器 " ,

是 Node.js 預設的,當下載 Node.js 時也會一並下載到本機端並安裝,

而 Node.js 則是能讓 JavaScript 實現在後端伺服器運行的一種環境,

我們可以透過 npm install xxx 來安裝他人製作好的模組來給自己的專案使用

[node.js 官網](https://nodejs.org/en)

安裝好之後我們可以在終端機查詢當前版本號

  • node -v node 版本
  • npm -v npm 版本


建立

npm init 為建立 npm 專案初始化

  • name 專案名稱
  • version 版本號
  • description 專案描述
  • entry point 檔案切入口
  • test command 有無測試
  • git repository 有無 Git 資源庫
  • keywords 查詢關鍵字
  • author 作者
  • license 是否開源

建立完會在當前資料夾產生 package.json

{
"name": "git-demo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}


安裝模組

我們以 Express 來說明,可以先看看該套件 npm 介紹

Express 套件

Express 套件

上面能看到

  • 安裝指令 install i express
  • 官網網址 expressjs.com/
  • 週下載次數 Weekly Downloads
  • 當前版本 Version
  • 授權 License

以此基本可見數據,我們可以知曉該套件是否活耀,並判斷是否要拿來使用

安裝完之後我們可以看到 package.json 多了 dependencies

{
"name": "git-demo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"express": "^4.19.2"
}
}


而在專案資料夾內也多出了 node_modules 資料夾,是其他附加的套件


node_modules

node_modules


套件版本號

查詢套件清單指令

npm list


我們剛裝的 Express 為 ^4.19.2 其中個數字又有不同的涵義在

  • 4 : 主要版本 (大改版)
  • 19 : 次要版本 (小改版)
  • 2 : 修正 (維修、處理異常)
  • ^ : 鎖住大版本,自動更新小版本 4.x.x (不自動更新大阪本)
  • ~ : 鎖住大小版本,只更新 Bug 的修正 4.19.x
  • latest : 永遠保持最新版 (極少人使用,避免一更新整組壞掉)


  • '都沒寫' : 完全要符合該版本
  • > : 必須高於此版本
  • >= : 高於此版本,至少要相同
  • < : 必須低過此版本
  • <= : 要低於此版本,最高相同不能再高


縮寫

安裝

  • npm install xxx --save  npm i xxx
  • npm install xxx --save-dev  npm i xxx -D

移除

  • npm uninstall xxx --save  npm un xxx
  • npm uninstall xxx --save-dev  npm un xxx -D


後贅詞意

--save 生產環境,上線時需要依賴的套件

  • express
  • bootstrap5

--save-dev 開發環境,開發過程輔助

  • sass
  • jshint

-g 裝在本機全域,如果專案內找不到套件,會往全域找

  • nodeman
  • json-server


  • joker
  • 2024/05/16
留言
avatar-img
留言分享你的想法!
avatar-img
Joker Cat
3會員
21內容數
是一隻喜愛前端勇往直前的霹靂酷樂貓
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
有一天有位大神問我你知道npm yarn pnpm bun 之間的差別?我突然楞神一下!!!! 好吧我從未想過這個問題於是我開始研究 使用方式:與其他工具類似,通過命令行使用,但具有自己的一些特定命令和功能。 適合情境:目前在市場上使用較少,主要在一些追求性能和速度優化的專案中或者對於新技
Thumbnail
有一天有位大神問我你知道npm yarn pnpm bun 之間的差別?我突然楞神一下!!!! 好吧我從未想過這個問題於是我開始研究 使用方式:與其他工具類似,通過命令行使用,但具有自己的一些特定命令和功能。 適合情境:目前在市場上使用較少,主要在一些追求性能和速度優化的專案中或者對於新技
Thumbnail
Node.js是一個JavaScript運行環境。它使用了一個非阻塞、事件驅動的I/O模型,使其非常適合用於數據密集型的即時應用程序。簡單來說,Node.js允許你使用JavaScript來編寫伺服器端代碼。 nvm 安裝nvm Windows : 點擊 Releases · coreybut
Thumbnail
Node.js是一個JavaScript運行環境。它使用了一個非阻塞、事件驅動的I/O模型,使其非常適合用於數據密集型的即時應用程序。簡單來說,Node.js允許你使用JavaScript來編寫伺服器端代碼。 nvm 安裝nvm Windows : 點擊 Releases · coreybut
Thumbnail
本章節將引導你如何建立一個TypeScript開發環境,這包括安裝Node.js、npm和TypeScript,建立一個TypeScript項目,設置編輯器,以及編寫和編譯TypeScript代碼。在完成這些步驟之後,你將能夠編寫、編譯和運行TypeScript代碼。
Thumbnail
本章節將引導你如何建立一個TypeScript開發環境,這包括安裝Node.js、npm和TypeScript,建立一個TypeScript項目,設置編輯器,以及編寫和編譯TypeScript代碼。在完成這些步驟之後,你將能夠編寫、編譯和運行TypeScript代碼。
Thumbnail
套件(Package)是將程式或程式庫進行組織、分發和共享的一種方式。在軟體開發中,套件通常包含了相關的程式碼、資源文件和元數據,並提供了統一的名稱空間和版本管理。
Thumbnail
套件(Package)是將程式或程式庫進行組織、分發和共享的一種方式。在軟體開發中,套件通常包含了相關的程式碼、資源文件和元數據,並提供了統一的名稱空間和版本管理。
Thumbnail
NPM 全稱為 ( Node Package Manager ),直接翻譯就是 "node套件管理器" ,是 Node.js 預設的,當下載 Node.js 時也會一並下載到本機端並安裝,而 Node.js 則是能讓 JavaScript 語法實現在後端伺服器運行的一種環境,可謂是前端開發的好朋友。
Thumbnail
NPM 全稱為 ( Node Package Manager ),直接翻譯就是 "node套件管理器" ,是 Node.js 預設的,當下載 Node.js 時也會一並下載到本機端並安裝,而 Node.js 則是能讓 JavaScript 語法實現在後端伺服器運行的一種環境,可謂是前端開發的好朋友。
Thumbnail
Express 是一個流行的 web 框架,使用 JavsScript 實現,執行在 node 環境上,主要用來寫後端應用。
Thumbnail
Express 是一個流行的 web 框架,使用 JavsScript 實現,執行在 node 環境上,主要用來寫後端應用。
Thumbnail
npm(全名 Node Package Manager,node套件管理器)
Thumbnail
npm(全名 Node Package Manager,node套件管理器)
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News