2018年5月16日 星期三

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

測試成功













沒有留言:

ubuntu 安裝完kubernetes後做apt-get update會出現錯誤

root@k8s02:~# sudo apt-get update 已有:1 http://tw.archive.ubuntu.com/ubuntu xenial InRelease 已有:2 http://tw.archive.ubuntu.com/ubuntu xenia...