17
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

nuxt.jsのデバッグ方法(chrome DevTools)

Last updated at Posted at 2018-06-27

#環境
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/」にアクセス
chrome_debug.JPG

[inspect] をクリックでデバッガが開く
debugger.JPG

ブレークポイントは[debugger]コード中に書くとBreakPointが貼れる
breakpoint_code.JPG

#参考サイト
http://d.hatena.ne.jp/Kazuhira/20180212/1518433536

17
17
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
17
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?