avatar

目錄
NPM 介紹

NPM

npm(全稱 Node Package Manager,即「node包管理器」)是Node.js 預設的、以 JavaScript 編寫的軟體套件管理系統。

專案使用 npm

到專案資料夾下,輸入以下指令

$npm init

會新增 package.json 檔案紀錄套件安裝情況。

安裝套件

$sudo npm install express —save

ps. mac 有時要加 sudo

指令

npm -v :觀看 NPM 版本

npm init :新增 package.json

npm install [模組名稱][參數]:安裝 NPM 模組,會根據 package.json 去下載安裝套件,放在 node_modules 資料夾。

安裝位置常用屬性如下:

-g:全域安裝,安裝資料夾位置 /usr/local/lib/node_modules。

–save:安裝模組及紀錄在 package.json 的 “dependencies” 中,並產生 node_modules 資料夾。

–save-dev:安裝模組並寫入 package.json 的
“devDependencies”。

npm start(npm run start):執行 package.json 裡的 scripts 中的 start 指令(express)。

npm list:顯示安裝的 NPM 列表。

npm uninstall [模組名稱]:刪除專案裡的 NPM。

版本號編碼

1.12.0 -1 主要版本號 -12 次要版本號 -0 bug 修正

推薦套件

nodemon 套件:它會監視你的程式碼有無的任何更改並自動重新啟動服務,這時只要刷新你的瀏覽器就能看到改動,此外 nodemon 使用 npm 進行安裝,只需使用 nodemon 取代 node 執行你的程式碼,就能輕鬆的開發 node.js。

npm install nodemon -g

安裝於專案資料夾中

npm install --save-dev nodemon

// 執行,網頁重新整理就會立即看出結果

nodemon index.js

補充

clone 別人的專案後,發現 package.json 有dependencies NPM 列表,但沒有 node_modules 資料夾時,該下什麼指令來安裝該專案的 NPM 列表?

npm install

參考:
https://medium.com/az-下筆記/webpack-前端打包工具-1-前置-c9380f688c1b
https://tw.alphacamp.co/blog/npm-node-package-manager
https://medium.com/@hugh_Program_learning_diary_Js/javascript-進階-npm-abf96671c915