vscode 调试 node.js的方法步骤_node.js

来源:脚本之家  责任编辑:小易  

在 D:\NodeJS\npmjs文件夹下2113打开命令行工具 执行 >node install npm -gf (当我做这5261一步时,提醒我版本不对,应4102该用0.4、0.5、0.6版,所以我换成1653了0.6版的node.exe, 这样就安装好nmp了) 执行 >npm -v 查看版本,验证是否成功安装www.zgxue.com防采集请勿采集本网。

引言

作为前端工程师经常打交道的开发工具无非 IDE 编辑器 和 Chrome,在 Chrome 中调试是非常方便的,直接在 开发者工具的 source 栏打断点就可以了。那么,如果遇到需要写 node 相关的代码,比如 webpack 配置项,应该怎么调试来实现我们的需求呢?

首先在全局环境中安装node inspector [javascript] view plaincopy npm install -g node-inspector 安装完成之后,以调试模式运行需要调试的node代码,比如 [javascript]

VS Code 配置

配置一下launch.json文件即可 文件内容如下: { // Use IntelliSense to learn about possible Node.js debug attributes. // Hover to view

在 VS Code 中单独有 debug 的菜单,需要指定 launch.json 文件,该文件为 VS Code 提供启动调试所需的各项配置。

Step 1: 点击Debug按钮,调出launch.json文件,更改program的路径为目标js文件。 生成的luanch.json文件在.vscode文件下 step2:接下来就可以加断点调试了

// launch.json// 使用 IntelliSense 了解相关属性。// 悬停以查看现有属性的描述。// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387{ "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Launch via NPM", "runtimeExecutable": "npm", "runtimeArgs": ["run-script", "debug"], "cwd": "${workspaceFolder}/envloader/mobile", "port": 9229 } ]}

"type": "node", "request": "launch","program": "server.js", //这个配置成要调试的文件"stopOnEntry": false,"args": [],"cwd": ".",

上面是我们项目的调试配置, runtimeExecutable 指明调试方式是 npm 方式, runtimeArgs 为执行调试传的参数, cwd 指定工作目录。

简介 Node.js是一个帮助开发应用的JavaScript运行平台, 它快速且灵活 NPM是一个Node.js模块的包管理程序 VS Code 支持JavaScript 和TypeScript语言--以及

// package.json"scripts": { "debug": "node --max_old_space_size=12288 --inspect-brk node_modules/webpack/bin/webpack.js --config build/webpack.dev.js --watch" },

注意 debug 脚本要传入 --inspect-brk ,这样才可以开启 node 的调试功能。

VS Code 调试菜单点击执行按钮,我们就可以愉快的调试 webpack.dev.js 代码了。

可以看到,webpack 内部的数据结构尽收眼底。

Chrome 开发者工具风格

刚才的 launch.json 中,有 port: 9229 这个属性,我们可以在浏览器访问 chrome://inspect ,就能以我们熟悉的 chrome 风格来调试 node 程序了。

总结

调试程序能够帮助我们对代码有更深刻的了解,能够提供运行时的执行上下文、调用栈等信息。此外,在调试线上混淆后的代码时,对各种 a、o、f 等难以理解的变量名参数名也能通过运行时的变量数据轻易分析出代码的基本逻辑。

到此这篇关于vscode 调试 node.js的方法步骤的文章就介绍到这了,更多相关vscode 调试 node.js内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网! 您可能感兴趣的文章:vscode调试node.js的实现方法详解如何在vscode里面调试js和node.js的方法步骤

在 D:\NodeJS\npmjs文件夹下打开命令行工2113具 执行 >node install npm -gf (当我做这一步时,5261提醒我版本4102不对,应该用0.4、0.5、0.6版,所以我换成1653了0.6版的node.exe, 这样就安装好nmp了) 执行 >npm -v 查看版本,验证是否成功安装内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • node.js数据库操作之连接mysql数据库(一)
  • 详解nodejs微信公众号开发——3.封装消息响应模块
  • node.js复制文件的方法示例
  • nodejs使用async模块同步执行的方法
  • nodejs集成sqlite使用示例
  • node.js不得不说的12点内容
  • node.js开发之访问redis数据库教程
  • 详解nodejs微信jssdk后端接口
  • 进阶之初探nodejs
  • 教你如何用node连接redis的示例代码
  • vscode 怎样在不重启的情况下调试nodejs
  • vscode 调试node.js需要安装什么插件
  • 如何在vscode debug nodejs的时候使用nodemon
  • VSCode怎么调试Creator 里面的jS
  • 怎么设置VS Code的nodejs的debug
  • 如何用VsCode调试node
  • nodejs挂在windows IIS运行的,VScode怎么可以附加...
  • 为什么vscode调试node一直报这个错
  • node js 怎么搭配vscode使用
  • vscode中node.js开发和扩展开发的区别
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全基础知识javascript类库表单特效广告代码网页特效黑客性质javascript技巧domnode.jsjs其它首页javascriptvscode调试node.js的实现方法详解如何在vscode里面调试js和node.js的方法步骤node.js数据库操作之连接mysql数据库(一)详解nodejs微信公众号开发——3.封装消息响应模块node.js复制文件的方法示例nodejs使用async模块同步执行的方法nodejs集成sqlite使用示例node.js不得不说的12点内容node.js开发之访问redis数据库教程详解nodejs微信jssdk后端接口进阶之初探nodejs教你如何用node连接redis的示例代码一行命令搞定node.js 版本升级卸载安装node.js与npm过程详解yarn的安装与使用详细介绍node.js(安装,启动,测试)nodejs中调用系统命令、shell脚本node.js+ajax实现获取http服务器nodejs npm install全局安装和本node.js中的fs.writefilesync方法nodejs基本语法和类型nodejs学习笔记之fs文件模块node.js中环境变量process.env的一些事详[将免费进行到底]在amazon的一年免费服务详解使用visual studio code对node.js进行nodejs+express+ejs简单使用实例代码postgresql node.js实现函数计算方法示例node.js pipe实现源码解析express之get,pos请求参数的获取webpack 实现 node.js 代码热替换node.js中的favicon.ico请求问题处理零基础实现node+express个性化聊天室的示
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved