Vue.js 踩坑记 (四)

要开发还得选好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(port, hostname, () => {

console.log(`Server running at http://${hostname}:${port}/`);

});

这个时候还要创建一个 package.json 才能在 Visual Studio Code 下调试，在node.js 下敲命令生成吧

下面就可以开始调试了，按下图步骤打上断点

启动程序，代码停在了断点处，鼠标在变量处悬停可以看到变量的值，然后单步，进入方法体，跳出方法体等，跟Visual Studio 的快捷键一个样, 程序启动起来，控制台会显示这个

再去浏览器看看

嗯，一切照旧，只是现在调试不用输入npm 的命令了，IDE提供的方便真是不可或缺