nuxt.js 디버깅 방법 (chrome DevTools)

환경



windows10
Nuxt.js
node.js v8.11.3

디버깅 절차



package.json에 추가

package.json
"scripts": {
    "debug": "node --inspect-brk=9229 node_modules/nuxt/bin/nuxt",
    ...

디버거 시작
 > npm run debug 
...
Debugger listening on ws://127.0.0.1:9229/c1188eb8-abb6-4d7c-8888-a0491b329ae9
For help see https://nodejs.org/en/docs/inspector

Chrome에서 'chrome://inspect/'에 액세스


inspect를 클릭하면 디버거가 열립니다.


브레이크 포인트는 [debugger] 코드에 쓰면 BreakPoint를 붙일 수 있습니다.


참고 사이트

좋은 웹페이지 즐겨찾기