Vue.js 踩坑記 (四)
阿新 • • 發佈：2018-12-25
要開發還得選好IDE，我推薦使用 Visual Studio Code，下面看看怎麼除錯。試著除錯 node.js 的 程式碼
還是上篇那段
const http = require('http');const hostname = '127.0.0.1';const port = 3000;
const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World\n');});
server.listen
這個時候還要建立一個 package.json 才能在 Visual Studio Code 下除錯，在node.js 下敲命令生成吧
下面就可以開始除錯了，按下圖步驟打上斷點
啟動程式，程式碼停在了斷點處，滑鼠在變數處懸停可以看到變數的值，然後單步，進入方法體，跳出方法體等，跟Visual Studio 的快捷鍵一個樣, 程式啟動起來，控制檯會顯示這個
再去瀏覽器看看
嗯，一切照舊，只是現在除錯不用輸入npm 的命令了，IDE提供的方便真是不可或缺