npm 是什麼? yarn 是什麼?


Posted by YongChenSu on 2020-12-06

NPM 是什麼?

管理 node.js 套件的系統

npm install 的功用?

很多專案的第一步是 npm install,為了將獨立的套件一併抓下來。

在 package-lock.json\dependencies 裡面可查看各套件依賴的關係。

在 package.json\dependencies 裡面則可以看自己裝了什麼套件;描述這個專案用到那些 modules。

而自己新安裝的套件則會放在 node_modules 的資料夾。

  • npm install 指令,自動安裝 package.json\dependencies 裡的套件 (libraries),並產生 node_modules
  • 在子資料夾安裝新套件會自動裝到父層資料夾

--save

npm install pad-left --savepad-left 的 library 資訊加到 package.json。

裝的時候要 npm install {$} --save,別人才知道你有用那些 libraries

使用 modules (libraries), (package)

leftPad.js

const leftPad = require('left-pad')

console.log(leftPad(123, 10, '0'))

terminal 上

node leftPad.js
// 0000000123


若要把專案放到 git 該注意?

因為檔案太大,不要將 node_modules 一併放上去。

npm scripts

在 package.json\scripts 裡面,可設定指令。
而通常開始一個專案,會要下 npm start 指令,跑起這個專案。

{
  ...,
  "scripts": {
    "start": "node letfPad.js"
  }
}

上面的範例 npm start 則是會跑 node letfPad.js 這個檔案。

yarn 是什麼?

Facebook 開發的,一種比較快的 npm。

使用 yarn 新增 modeule

yarn add left-pad

而且預設幫我們加進 package.json,之前用 npm,後面還要加 --save 的參數才會將新增的 module 描述加至 package.json。


#程式導師實驗計畫第四期 #前端







Related Posts

關於 Webpack 5

關於 Webpack 5

Progressive Web App 會是未來趨勢嗎?

Progressive Web App 會是未來趨勢嗎?

MTR04_1114

MTR04_1114


Comments