我們可能很常看這種指令
npm run dev
npm run build
npm start
其實它們本質只有一件事,那就是執行 package.json 裡定義好的指令!
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 |
dev = 本地開發 更新 最常用
npm run dev
build = 打包專案 產出可上線檔案
npm run build
start = 啟動正式程式 常用在 production
npm start
test / lint / format = 測試功能 檢查程式碼 自動排版
"test": "jest",
"lint": "eslint .",
"format": "prettier --write ."
npx 的意思是,不用先安裝直接執行套件
npx create-vite
差別快速理解
npm install:裝進專案
npx:只跑一次
因為它可以統一專案啟動方式,而且新人不用記複雜指令
README 只要寫一行
npm install
npm run dev