iT邦幫忙

2022 iThome 鐵人賽

DAY 13
0
Modern Web

[學習筆記] 邊學邊寫 JavaScript 30天系列 第 13

[學習筆記] 邊學邊寫 JavaScript 30天 (13):NPM

  • 分享至 

  • xImage
  •  

今天內容

  • npm 安裝與使用

筆記

  • npm 是什麼?
    npm(全稱 Node Package Manager,即「node套件管理器」)是Node.js預設的、用JavaScript編寫的軟體套件管理系統。

    除了 npm 之外還有 yarn ,是由 facebook 所開發的,用法一樣。

    npm 在裝 node.js 時就一併包在裡面了,在terminal輸入npm -v 也會有版本號。
    接下來在專案位置用 terminal 執行指令npm init(跟git一樣,先對它初始化。)

    完成後會產生一個package.json檔案,剛剛中間直接enter的部分可以在檔案裡面修改。

    package.json:json格式檔案長得跟物件差不多,差別在key有用字串包起來。

  • 安裝套件:同一個專案資料夾裡,一樣在terminal輸入npm install 套件名稱
    這裡以 left-pad 為例:npm install left-pad 等它跑完即可使用。

    安裝套件後會多一個node_modules資料夾,npm會把所有下載的library放在這個資料夾裡。

    通常這個資料夾會隨著套件越多越肥,而且裡面的檔案都是可以下載得到的,通常做版控時會對它隱藏(.gitignore)不會推到Git上
    .gitignore 詳見:高見龍,〈為你自己學 Git〉。

    注意:檔案如果建立在.gitignore檔案之前是會隱藏不了的,推git一樣會被推上去~ 親身經歷

    package.json裡面會紀錄安裝的套件及版本,所以不需要把node_modules推到git讓別人安裝(也不用載別人的node_modules),只需輸入指令npm install node會自己找package.json裡面的dependencies來安裝。

  • 使用套件:昨天說的使用require

    var leftPad = require("left-pad")
    console.log(leftPad(123,5,"0"))   //00123
    

參考資料


上一篇
[學習筆記] 邊學邊寫 JavaScript 30天 (12):模組化與 Library
下一篇
[學習筆記] 邊學邊寫 JavaScript 30天 (14):Jest 測試
系列文
[學習筆記] 邊學邊寫 JavaScript 30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言