npm 學習筆記

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


建立一個新專案 
https://medium.com/html-test/%E5%BE%9E%E9%9B%B6%E9%96%8B%E5%A7%8B-%E4%BD%BF%E7%94%A8npm%E5%A5%97%E4%BB%B6-317beefdf182


切換到DOS mode，建立一個新目錄
D:\npm-project>mkdir p001
D:\npm-project>cd p001
D:\npm-project\p001


初始化專案資料夾並產生package.json (package.json 是掌管 專案資訊的重要檔案)

執行npm init，詢問都用預設值。

name: 就是該專案的名字，它預設就是該目錄名。

description: 專案描述。

entry point: 專案切入點，這有點複雜，之後再說。

test command: 專案測試指令，之後說。

git repository: 專案原始碼的版本控管位置。

keywoard: 專案關鍵字

author: 專案作者，以 author-name 寫之。

license: 專案版權。

用編輯器檢視package.json內容

再來安裝javascript套件，這次示範安裝 jquery套件

發現有2個警告訊息，可直接編輯package.json加入內容後載重新安裝套件，也可不用理會。

repository 裡的 url 要先去 github 建立一個空白的專案

安裝套件，也可以加入--save  參數。

會將安裝的套件版本寫入package.json

檢查package.json會發現多了iquery版本資訊

每個用 npm 安裝的套件，一律放在 node_modules 資料夾裡，以剛剛安裝的 jquery 來說，我們可以在 node_modules/jquery/dist/jquery.min.js 找到 最小化的 jquery 的版本。

編輯index.html測試 jquery是否可用

用瀏覽器開啟index.html

測試成功