nuxt.js 디버깅 방법 (chrome DevTools)
1494 단어 Vue.jsdebugChromeDevToolnuxt.js
환경
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를 붙일 수 있습니다.
참고 사이트
Reference
이 문제에 관하여(nuxt.js 디버깅 방법 (chrome DevTools)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ta1nakamura/items/0bf9db720f0728526d55
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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를 붙일 수 있습니다.
참고 사이트
Reference
이 문제에 관하여(nuxt.js 디버깅 방법 (chrome DevTools)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ta1nakamura/items/0bf9db720f0728526d55
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(nuxt.js 디버깅 방법 (chrome DevTools)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ta1nakamura/items/0bf9db720f0728526d55텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)