node.js debug調試

1. 安裝依賴包html

yarn --save koa koa-route

2.node項目裏面在app.js寫入下面內容node

// app.js
const Koa = require('koa');
const router = require('koa-router')();

const app = new Koa();

const index =  (ctx, next)=> {
  ctx.body = 'Hi Potato!';
};

app.use(router.get('/', index));
app.use(router.routes());

app.listen(3000);
console.log('listening on port 3000');

服務端代碼完成,如今下面步驟就能夠debugchrome

3. 運行下面腳本
node --inspect app.js 在瀏覽器中打開http://localhost:3000/ 就能夠看到"Hi Potato!"瀏覽器

有2種調試方法:
第一種是在 Chrome 瀏覽器的地址欄,鍵入 chrome://inspect或者about:inspect,回車後就能夠看到下面的界面app

圖片描述

在 Target 部分,點擊 inspect 連接,就能進入調試工具了。koa

第二種進入調試工具的方法,是在 http://localhost:3000 的窗口打開"開發者工具",頂部左上角有一個 Node 的綠色標誌,點擊就能夠進入。工具

圖片描述

4.進入 Sources 面板,找到正在運行的腳本app.js。ui

圖片描述

打斷點,開始踏出node debug人生一步spa

參考地址(阮一峯老師)debug