學 JavaScript 的那些筆記 2 -- npm & jest


npm 在幹嘛?

Node Package Manager,當你寫好一個功能,把它包裝成一個 package,再傳到 npm,讓其他人可以使用,也可以透過 npm 去管理這些 package,是一個很大的套件倉庫

相關操作方式:

  • 查詢是否有安裝:npm -v,若出現版本號就代表有安裝
  • 安裝 module:npm install + (module 名稱)
  • 可以讓別人知道自己安裝的 module 的寫法:npm install + (module 名稱) --save,讓 module 寫到 package.json 裡面的 dependencies
    (補:是為了上傳到 git 的時候,要把 node_module 的檔案排出在外,用 package.json 讓別人知道自己裝了哪些 module)
  • 引入安裝的 module(ex.module:left module):var leftPad = require('left-pad')
  • 跑特定指令:npm run + (指令名稱)
    (補:在 package.json 裡面的 scripts 寫指令,跑的時候就會去執行指令)

Jest 是甚麼?

用來協助測試程式碼的一個 framework

相關操作方式:

  1. 進入 官網
  2. 選擇 Get Started 就可以看到要怎麼用
  3. 安裝 Jest:
    npm 用 npm install --save-dev jest
    yarn 用 yarn add --dev jest
  4. 寫一個 function (ex.sum 存檔成 sum)
  5. 引入function const sum = require('./sum')
  6. 測試 function
    test('adds 1 + 2 to equal 3', function () {
    expect(sum(1, 2)).toBe(3);
    });
    
    test:是 jest 寫好的一個測試的 function
    adds 1 + 2 to equal 3:是一個描述(也可以打成中文)
    function () { expect(sum(1, 2)).toBe(3) }:要測試的 function
  • 針對單一檔案做測試:在 package.json 的 Scripts 裡 "test" 後面寫成 jest + 檔案名稱
  • npx jest + 檔案名稱: 從專案找是否有 jest 來去執行
  • describe('描述', function () {測試的東西}):一次測試很多
#javascript #npm #Jest #Web






你可能感興趣的文章

學習資源分享

學習資源分享

Javascript - 迴圈var, let

Javascript - 迴圈var, let

[FE302] React 基礎 - hooks 版本:再度中場休息

[FE302] React 基礎 - hooks 版本:再度中場休息






留言討論