iT邦幫忙

0

【30 天JavaScript 實戰 】 Day 22 |npm scripts 與 npx

2025-12-22 01:28:00138 瀏覽
  • 分享至 

  • xImage
  •  

ㄧ.為什麼大家都用 npm run?

我們可能很常看這種指令

npm run dev
npm run build
npm start

其實它們本質只有一件事,那就是執行 package.json 裡定義好的指令!

二.scripts 是什麼?

scripts 就是幫一長串指令取名字

"scripts": {
  "dev": "vite",
  "build": "vite build",
  "start": "node index.js"
}

這段 package.json意思是:

你打的 實際執行
npm run dev vite
npm run build vite build
npm start node index.js

三.常見 scripts 指令用途

dev = 本地開發 更新 最常用

npm run dev

build = 打包專案 產出可上線檔案

npm run build

start = 啟動正式程式 常用在 production

npm start

test / lint / format = 測試功能 檢查程式碼 自動排版

"test": "jest",
"lint": "eslint .",
"format": "prettier --write ."

四.npx 是什麼?

npx 的意思是,不用先安裝直接執行套件

npx create-vite

差別快速理解
npm install:裝進專案
npx:只跑一次

五.為什麼 scripts 很重要?

因為它可以統一專案啟動方式,而且新人不用記複雜指令
README 只要寫一行

npm install
npm run dev

圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言