iT邦幫忙

0

筆記-NPM(Node Package Manager) & npm綜合練習

  • 分享至 

  • xImage
  •  

npm定義

npm其實就是別人包裝好的node module(node.js 套件)

製作屬於自己的npm

在vs中 ctrl + ` 打開terminal 輸入 npm init 依序輸入或enter略過即可

安裝他人的npm

在terminal輸入npm init接著到
https://www.npmjs.com/ 或google搜尋npm (以下舉express為例 搜尋後找到Installation
可看到 $ npm install express
將$ 後的指令貼至terminal 即可開始安裝(mac 可在npm前+sudo 以管理者權限安裝)
在package.json中若有出現dependencies: { "express": "版本號"} 表示安裝成功

npm版本號介紹

"express": "4.18.2" 4表示主要版本 18為更新版本 2為bug修正版本
若改為"express": "^4.18.2" ^表示自動更新主要版本號以外的 ex:若出了4.19.0版本 會自動更新
若改成"express": "~4.18.2" ~表示只更新bug修正版本 ex:若出了4.19.0版本 不自動更新 4.18.3版本才會
也有"express": "latest" 永遠自動更新到最新版(少用,容易有bug)

npm install

在terminal輸入 npm install可以自動安裝dependencies中的套件
所以上傳git時可ignore 佔好幾g空間的node_module資料夾
若輸入npm install --save(目前沒加--save也是預設為--save)會在dependencies下出現套件名稱
若輸入npm install --save-dev 會新增devDependencies 並在其下出現套件名稱(而在dependencies就不會出現了) 此為開發測試用版本
ex: npm install mocha --save-dev (js test framework)

nodemon

讓你不用一直重複打node appp.js 會自動更新
在terminal 輸入 npm install -g nodemon 安裝在自己的主機上
之後只要打nodemon appp.js 即可自動重新執行appp.js 不需要每更新一次js就重複輸入

綜合複習

Q1 : 當拿到別人的 Node.js 專案,發現 package.json 有dependencies NPM 列表,但沒有 node_modules 資料夾時,該下什麼指令來安裝該專案的 NPM 列表?

npm install // 自動安裝全部套件 (就會出現node_modules)
npm install package.json // 在dependencies下安裝 package.json套件
npm install list // 在dependencies下安裝 list套件

Q2 : npm install 模組名稱 安裝位置
1.NPM 安裝到全域環境 上,安裝位置 要用哪個指令?
2.NPM 要隨專案資料夾安裝 ,並能記錄在 package.json,安裝位置 要用哪個指令?

1. -g 2.--save // 1.global 2.--save 直接輸入npm install也是預設為--save
1. --save 2. -g // 反了
1. -dev--save 2. --save // 1. 測試環境用

Q3 : 要透過 node 新增一個 package.json 檔,該下什麼 NPM 指令?

npm install // 自動新增node_module與安裝dependencies下各套件
npm list // 查看已安裝的npm套件
npm init // 新增package.json

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言