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提供的方便真是不可或缺