π Debug Time Machine CLI - μμ μλνλ React λλ²κΉ λꡬ
npm install debug-time-machine-cliπ Debug Time Machine CLI - μμ μλνλ React λλ²κΉ λꡬ
``bash`
npm install -g debug-time-machine-cliλλ
npx debug-time-machine-cli
`bash`React μ±κ³Ό ν¨κ» Debug Time Machineμ μλμΌλ‘ μμ
debug-time-machine start-with-app "npm start"
debug-time-machine start-with-app "yarn dev"
debug-time-machine start-with-app "pnpm dev"
μλμΌλ‘ μ€νλλ κ²λ€:
- β
λ°±μλ μλ² (ν¬νΈ 4000)
- β
Debug UI (ν¬νΈ 8080)
- β
λΈλΌμ°μ μμ Debug UI μ΄κΈ°
- β
μ¬μ©μ React μ±
`bashDebug Time Machine μλ²λ§ μμ
debug-time-machine start --port 4000
$3
`bash
dtm λ³μΉ μ¬μ© κ°λ₯
dtm start-with-app "npm start"
dtm start
dtm init
`λͺ
λ Ήμ΄ μ΅μ
$3
`bash
debug-time-machine start-with-app [options]Options:
--no-browser Debug UIλ₯Ό λΈλΌμ°μ μμ μλμΌλ‘ μ΄μ§ μμ
`$3
`bash
debug-time-machine start [options]Options:
-p, --port ν¬νΈ λ²νΈ (κΈ°λ³Έκ°: 4000)
-h, --host νΈμ€νΈ μ£Όμ (κΈ°λ³Έκ°: localhost)
`$3
`bash
debug-time-machine init [options]Options:
-n, --name νλ‘μ νΈ μ΄λ¦
-t, --template ν
νλ¦Ώ (react, node, express)
`μμ
$3
`bash
debug-time-machine start-with-app "react-scripts start"
`$3
`bash
debug-time-machine start-with-app "vite --port 3000"
`$3
`bash
debug-time-machine start-with-app "next dev"
`package.json μ€ν¬λ¦½νΈ
`json
{
"scripts": {
"start": "react-scripts start",
"debug": "debug-time-machine start-with-app 'react-scripts start'"
}
}
`κ·Έλ¬λ©΄ λ€μκ³Ό κ°μ΄ μ¬μ©ν μ μμ΅λλ€:
`bash
npm run debug
``