建立一個新專案
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
測試成功