iT邦幫忙

0

【30 天JavaScript 實戰 】 Day 21 |NPM 入門

2025-12-22 01:09:27137 瀏覽
  • 分享至 

  • xImage
  •  

一. npm是什麼?

npm = Node Package Manager
會幫我們做三件事,下載套件、管理版本、記錄專案用到什麼

npm init 專案的起點
在資料夾裡執行

npm init

npm 會問你一些問題,最後產生一個檔案

package.json

二. package.json 是什麼?

package.json是專案的身分證 + 使用說明書
它會記錄專案名稱、版本、用了哪些套件、有哪些可以執行的指令
基本長這樣:

{
  "name": "my-project",
  "version": "1.0.0",
  "dependencies": {}
}

三. dependencies vs devDependencies

程式跑起來要用的 → dependencies
寫程式時輔助你的 → devDependencies

dependencies
專案真的在執行時會用到

npm install axios

會被放進

"dependencies": {
  "axios": "^1.6.0"
}

devDependencies
意思是只有開發時用,上線後不需要

npm install eslint -D

會被放進

"devDependencies": {
  "eslint": "^8.0.0"
}

四. node_modules 是什麼?

node_modules 是下載結果
npm 下載的套件都在這裡,通常不會上傳 GitHub
而且很大、很亂、不要手動改~


圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言