前言:
Node.js 在安裝時,就會順便安裝 NPM
參考資料:
NPM完整介紹
從零開始: 使用NPM套件
什麼是NPM呢?
NPM
就是 Node Package Manager
的簡稱,它是一個線上套件庫,可以下載各式各樣的 Javascript
套件來使用。
以 Bootstrap
使用 npm 安裝流程為介紹:
- 開啟終端機
(ctrl+
)` - 輸入
npm init --y
,會產生一個空的 package.json檔,這個檔案主要用來記錄目前裝的套件內容 - 接著輸入
npm install Bootstrap
- 最後我們來稍微看一下資料結構
資料結構補充
package-lock.json
會記錄目前使用版本每次 npm install / uninstall /update 都會去更新package.json
只會紀錄版本相容性需要大於多少才能使用
指令補充
npm install package
安裝套件在 node_modules 下,並且更新package.json
問題:
每用一個新版本
framework
或library
,都要經過開發者測試、並搭配預設目標使用者瀏覽器和規格做過測試等等,所以也不可能每次開發專案有新版本 framework 或 library 就用。如此,直接使用CDN,會不會更快更省時間?A:能抓老鼠的貓就是好貓,您喜歡使用cdn或複製貼上並沒有什麼問題,只要能解決問題就好。
而 packge.json 就是為了方便管控專案套件的版本,所以你可以創造一個自己測試過的套件(libare framework)最穩定的版本搭建開發環境,他會自動記錄在您的json裡面,之後有多個專案都可以吃同一個json來個別客製化,就不用擔心是否新版本會有問題這件事情了