Andy's blog

If you always do what you've always done, you'll always get what you've always got.

0%

2021-08-11-[筆記]NPM簡介

前言:
Node.js 在安裝時,就會順便安裝 NPM


參考資料:
NPM完整介紹
從零開始: 使用NPM套件


什麼是NPM呢?

NPM 就是 Node Package Manager 的簡稱,它是一個線上套件庫,可以下載各式各樣的 Javascript 套件來使用。

Bootstrap 使用 npm 安裝流程為介紹:

  1. 開啟終端機 (ctrl+)`
  2. 輸入 npm init --y ,會產生一個空的 package.json檔,這個檔案主要用來記錄目前裝的套件內容
  3. 接著輸入 npm install Bootstrap
  4. 最後我們來稍微看一下資料結構

圖片

  • 資料結構補充

    • package-lock.json 會記錄目前使用版本每次 npm install / uninstall /update 都會去更新
    • package.json 只會紀錄版本相容性需要大於多少才能使用
  • 指令補充

    • npm install package 安裝套件在 node_modules 下,並且更新 package.json
  • 問題:

    每用一個新版本 frameworklibrary,都要經過開發者測試、並搭配預設目標使用者瀏覽器和規格做過測試等等,所以也不可能每次開發專案有新版本 framework 或 library 就用。如此,直接使用CDN,會不會更快更省時間?

    A:能抓老鼠的貓就是好貓,您喜歡使用cdn或複製貼上並沒有什麼問題,只要能解決問題就好。

    而 packge.json 就是為了方便管控專案套件的版本,所以你可以創造一個自己測試過的套件(libare framework)最穩定的版本搭建開發環境,他會自動記錄在您的json裡面,之後有多個專案都可以吃同一個json來個別客製化,就不用擔心是否新版本會有問題這件事情了