vscode调试node.js的实现方法_node.js

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

首先在全局环境中安装node inspector[javascript] view plai

在开发的过程中,几乎不可能一次性就能写出毫无破绽的程序,断点调试代码是一个普遍的需求。

直接从Error中能看到的东西`Error: write after end`, 在end之後w

作为前端开发工程师,以往我们开发的JavaScript程序都运行在浏览器端,利用Chrome提供的开发者工具就可以方便的进行源码断点调试。其步骤有四,详情不表,粗略概括如下:

把 launch.json 文件修改为:{ "version": &

打开Chrome开发者工具;点击进入Sources标签页,在页面的左侧就能看到JS代码的目录;找到需要设置断点的源文件,在需要中断的哪行代码左侧单击鼠标左键,就可以设置断点,如果你的代码是uglify过的,则需导入相应的source-map来映射源码。刷新页面(如果设置断点的位置是一个事件处理函数,则直接触发这个事件即可),代码运行到断点处的时候,程序就会挂起,这时候用鼠标hover就可以查看当前各个变量的数值,并以此判断程序是否正常运行了。

把 launch.json 文件修改为:{"version": &quo

但是,当我们用JavaScript开发运行在服务端的Node.js程序时,Chrome开发者工具暂时派不上用场了。虽然也有办法实现在Chrome上调试,不过这不是今天我们讨论的范围。

vsCode 添加浏览器调试和js调试的方法1、直接按F5可以调试的方法或者点击运行按钮(可以直

还有,说用console.log的那位同学,请你先不要说话…

有爷爷奶奶帮忙带孩子,但是比起全职妈妈,作为职场妈妈,我真的就像咪蒙说的那样,欠宝宝一句对不起。原本我的岗位具有一定的挑战性,而且要经常出差,宝宝出生后,为了更好地陪伴她长大,我转岗位做了后勤,虽然工资待遇没有改变,但是梦想也好,激情也好,注定与我无缘。我现在能做的就是既不辜负工作,又不辜负孩子。工作于我,是成就感、价值感的来源。每天我都尽力用好上班的八小时,加快自身的效率,把加班扼杀在摇篮里。休完产假回去上班已经三四个月了,每天中午大伙关灯休息的时候,我都是在做事情,马不停蹄。我也想过一种情况,如果爷爷奶奶不能帮我带孩子了,我该怎么办?学周边的同事,托班走起。或者,做有自己事业的全职妈妈,我

实际上,许多IDE都集成了Debug的功能,包括较新版本的WebStorm就对Node.js调试支持得很好。

说实话,我对金星感觉一般。不喜欢,不讨厌。不因为她是变性人而去贬低她,鄙夷她,辱骂她。也不会因为她的犀利言论亦或是其他什么大家公认的优点而去捧她。金星的走红并不是因为她的舞蹈,虽然她是个知名舞蹈家。金星的走红,是因为她的言行。犀利,直戳要害,敢说我们不敢说的话。但是,金星在心理上仍然有封建思想,她强调女人要及早结婚生子,相夫教子,克制隐忍。多么像佟丽娅的父亲。她太想自己成为真正的“女人”了。尽管做了变性手术,生理上变成了女人,但是她仍然要向世人证明,我守妇道,我有女德。我现在所有的一切一切,都是女人该有的样子。你说她言辞犀利,但是当她站在奇葩说的舞台上时,她说不出比专业辩手更具反转性的话。她的

但是很多开发人员会觉得IDE太重,有没有更轻量级一些的工具来实现断点调试呢?今天就要给大家安利一下在VScode上进行断点调试的方法。

历代君王梦寐以求就是长生不老,想一统世界曾经很多皇帝寻找长生不死药,但是历代君王都没有逃过死亡一劫,皇帝驾崩之后,新上的皇帝将会怎么样对待这些后妈。皇帝后宫佳丽几千,后宫拥有全国最美丽的女人,多少男人梦寐以求来到这个皇宫享福,但是皇帝一死之后,这些后妃将会怎么样处理,很多新皇帝会看上后宫的妃子,如果有自己喜欢的妃子,将会直接纳入后宫,后宫妃子年纪基本不是很大就算皇帝迎娶她们也不为过。曾获的唐太宗迎娶武则天。如果遇到一个仁慈的皇帝这些后宫妃子生活将会好很多,皇帝基本会采用这几种方式来处理后宫的妃子。将后宫妃子直接送去出家,这也是皇帝驾崩最普遍的一种做法,将这些妃子全部送去做尼姑,她们将没有任何欲

VScode除了out-of-box支持JavaScript和TypeScript,还支持Node.js调试,简直就是为前端工程师而生的,对不对…

孩子在婴儿期,尤其是在一岁以内的小宝宝,是需要多抚摸,需要多拥抱的。当然不能总是抱,但也不能总是不抱。因为孩子在妈妈肚子里习惯了羊水的环境,这个环境很舒服,父母的拥抱,轻轻地摇晃,舒适的衣物,会让孩子觉得很像在妈妈肚子里。可是却不能24小时抱着,孩子总是要适应社会。所以我们要抱一下,再放下来,放在舒适的地方,让他习惯这个社会的一切。这是一个过程,抱孩子可以让孩子获得安全感,婴儿期建立安全感,是对孩子长大以为的生活影响非常大的。

要调试Node.js的前提是,你的电脑上已经安装了Node.js的环境。

什么?怎么安装Node.js?给你一点小提示:打开百度,搜索【安装Node.js】,好了,不能提示更多了。

本文以调试express应用为例,并假设您已经安装好了Node.js运行环境。

创建express应用

我们使用express-generator创建一个新的express应用。

1.在全局安装express-generator

a.打开终端,输入: npm install express-generator -g MacBook用户全局安装的时候记得在前面加上sudo

b.安装完成之后,在终端输入 express -v 如果看到下图所示的信息,说明已经安装成功了。

2.生成express应用目录,假设这个应用的名称为myapp 在终端输入 express myapp 在当前目录就生成了一个myapp目录,目录结构如下:

可以看到,这个小应用已经五脏俱全,有Node服务器配置,公共资源文件夹,师徒文件夹,以及路由配置。

3.运行express应用

a.在终端中输入指令

cd myapp && npm install

就可以进入项目目录并安装所有依赖,这一步可能需要比较长的时间,耐心等待安装完成。

b.然后输入指令

npm start

就可以启动应用。

这时我们在浏览器中访问localhost:3000,即可看到如下页面:

这就说明express应用可以正常运行,接下来我们就可以使用VScode调试代码了。

提示:为了避免调试时的端口冲突,我们先回到刚刚运行express应用的终端,ctrl+c关闭正在运行的express应用。

调试express应用

1.进入VScode界面,点击界面左边的第四个类似虫子的按钮,进入调试界面:

2.点击页面上方“没有配置”下拉菜单,选择“添加配置”。

3.选择Node.js环境。

4.选择完成之后,在项目的根目录中会生成一个.vscode的目录,这个目录中存放了各种各样的VScode编辑器的配置。现在这个目录中就包含了一个文件名为lanuch.json的配置文件,配置文件的内容如下:

其中最重要的配置项就是“Program”字段,这个字段定义了整个应用的入口,开启调试器的时候会从这个入口启动应用。

我们发现当前这个字段已经有值了,不要慌,那是因为VScode在初始化这个配置文件的时候,会查看package.json中是否有包含了键名为start的scripts,如果有的话,就会把start配置的内容作为“program”字段的值。

5.点击开始调试按钮(绿色三角形),就可以开始调试。这时界面上方就会出现一个调试控制的面板,页面右下方会出现一个调试控制台,可以查看你输出的信息,在界面下放会出现一个状态栏,当前的橘黄色表示应用在正常运行,如下图所示:

6.我们再次在浏览中访问localhost:3000,会发现页面可以打开,应用已经正常启动了。

7.接下来我们开始给应用设置断点。我们打开myapp/routes/index.js文件,这个文件配置了应用根路径的路由,当前的处理是返回一个页面,传入字符串"Express"作为视图的参数。

8.我们用鼠标在行号6的左边单击左键,就可以设置一个断点。注意,添加断点之前要先关闭调试,关闭的方法是点击界面上方的调试控制面板中的停止按钮(红色正方形)。

9.设置完断点之后,重新启动调试,然后在浏览器中访问localhost:3000,这时候,断点的形状发生了变化,程序停留在了断点,调试控制面板的按钮也发生了变化,从左到右依次是单步跳过,单步调试,单步跳出,重启,停止调试。这几个都是常见的断点调试指令。设置完断点之后,重新启动调试,然后在浏览器中访问localhost:3000,这时候,断点的形状发生了变化,程序停留在了断点,调试控制面板的按钮也发生了变化,从左到右依次是单步跳过,单步调试,单步跳出,重启,停止调试。这几个都是常见的断点调试指令。

10.在界面的左边,可以查看当前上下文环境,也可以设置变量监听。

11.将鼠标防止在断点前的变量或者参数上,也可以查看该变量当前的数值,体验与Chrome开发者工具的调试一致。

到此这篇关于vscode调试node.js的实现方法的文章就介绍到这了,更多相关vscode调试node.js内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

vscode 调试node.js需要安装什么插件

在 D:\NodeJS\npmjs文件夹下打开命令行工具 执行 >node install npm -gf (当我做这一步时,提醒我版本不对,应该用0.4、0.5、0.6版,

所以我换成了0.6版的node.exe, 这样就安装好nmp了)

执行 >npm -v 查看版本,验证是否成功安装。

如何用VsCode调试node

配置一下launch.json文件即可

文件内容如下:

{

// Use IntelliSense to learn about possible Node.js debug attributes.

// Hover to view descriptions of existing attributes.

// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387

"version": "0.2.0",

"configurations": [

{

"type": "node",

"request": "launch",

"name": "Launch Program",

"program": "${file}"

}

]

}

怎么设置VS Code的nodejs的debug

把 launch.json 文件修改为:

{

"version": "0.2.0",

"configurations": [

{

"name": "Launch",

"type": "node",

"request": "launch",

"program": "server.js", //这个配置成你要调试的文件

"stopOnEntry": false,

"args": [],

"cwd": ".",

"runtimeExecutable": null,

"runtimeArgs": [

"--nolazy"

],

"env": {

"NODE_ENV": "development"

},

"externalConsole": false,

"preLaunchTask": "",

"sourceMaps": false,

"outDir": null

},

{

"name": "Attach",

"type": "node",

"request": "attach",

"port": 5858

}

]

}

如何在vscode中使用nodejs

一、使用Express创建项目[这两步都在dos 模式下执行]

1,安装全局的Express!(已安装请忽略)

npm install -g express

2,创建项目

创建项目(创建文件夹名称ExpressApp)

express ExpressApp

小插曲:如果你习惯了Linux下的环境,你可以在自己电脑上安装cmder(不知道是什么东西,请自行百度),这个命令行工具排版漂亮,不像微软的dos 那么枯燥!我用的是Mini版本,如果你想体验linux下的全部功能,可以下载full版本。

3,下载第三方包

(1)cmd命令行切换到项目目录

cd d:\nodejs\ExpressApp

(2)根据需要编辑package.json,运行如下指令安装第三方包

npm install

在项目目录下node_modules可见安装好的第三方包

ExpressApp

|– node_modules

(3)运行项目

npm start

输出如下:

ExpressApp@0.0.0 start d:\Nodejs_Workspace\ExpressApp

node ./bin/www

注:npm start指令会自动执行node ./bin/www

在浏览器中输入http://localhost:3000,可访问Express欢迎页面

二、使用VSCode开发Nodejs

1、VSCode打开Nodejs

code d:\nodejs\ExpressAppcode.

注:在当前项目下创建ExpressApp.bat,输入“code .”即可,下次直接此文件直接使用VSCode打开Nodejs项目

2、添加智能提示

VSCode打开Nodejs项目,默认是没有智能提示。

(1)使用TypeScript Definition Manager(TSD)在项目中下载所需的tsd文件,VSCode中打开时有智能

全局安装tsd(如已安装忽略)

npm install -g tsd

下载所需的组件提示(以下载node、express、requirejs提示为例)

tsd query node --action installtsd query express --action installtsd install require

注:

①多个提示组件在query参数后可以空格分隔简写为tsd query node express –action install

②组件会项目目录下添加typings文件夹

|– typings

|– node

|– express

|– require

(2)添加js文件引用的智能提示

假如在文件引用另外一个文件common.js时,文件头添加如下

{ // See https://go.microsoft.com/fwlink/?LinkId=759670 // for the documentation about the jsconfig.json format "compilerOptions": { "target": "es6", "module": "commonjs", "allowSyntheticDefaultImports": true }, "exclude": [ "node_modules", "bower_components", "jspm_packages", "tmp", "temp" ]}

(小提示,如果你引入了rquire,那么你的编辑器右下方会显示一个“灯泡”的提示,你只要点灯泡就不用自己苦*的写这个配置文件了)

此配置表示代码服从ES5标准并使用commonjs规范,发VScode下有此配置之后,可以实现在文件中对require引用js文件的智能提示。(我测试时无此配置也会有智能提示,不清楚什么原因)本回答被提问者采纳

  • 本文相关:
  • 详解如何在vscode里面调试js和node.js的方法步骤
  • 详解使用vscode+es6写nodejs服务端调试配置
  • 利用chrome devtools直接调试node.js和javascript的方法详解(并行
  • 配置nodejs环境的方法
  • 手把手教你使用typescript开发node.js应用
  • nodejs中利用promise来封装异步函数
  • node.js实现文件上传
  • nodejs multer实现文件上传与下载
  • 使用gruntjs构建web程序之合并压缩篇
  • node.js系列之发起get/post请求(2)
  • koa+jwt实现token验证与刷新功能
  • nodejs读写json文件的简单方法(必看)
  • vscode 调试node.js需要安装什么插件
  • 如何用VsCode调试node
  • 怎么设置VS Code的nodejs的debug
  • 如何在vscode中使用nodejs
  • 怎么设置VS Code的nodejs的debug
  • 怎么设置VS Code的nodejs的debug
  • 我使用vscode写node.js代码,出现如下问题,请问如何处理?
  • 怎么设置VS Code的nodejs的debug
  • 怎么设置VS Code的nodejs的debug
  • VSCode怎么调试Creator 里面的jS
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全基础知识javascript类库表单特效广告代码网页特效黑客性质javascript技巧domnode.jsjs其它首页javascriptnode.js详解如何在vscode里面调试js和node.js的方法步骤详解使用vscode+es6写nodejs服务端调试配置利用chrome devtools直接调试node.js和javascript的方法详解(并行配置nodejs环境的方法手把手教你使用typescript开发node.js应用nodejs中利用promise来封装异步函数node.js实现文件上传nodejs multer实现文件上传与下载使用gruntjs构建web程序之合并压缩篇node.js系列之发起get/post请求(2)koa+jwt实现token验证与刷新功能nodejs读写json文件的简单方法(必看)一行命令搞定node.js 版本升级卸载安装node.js与npm过程详解node.js(安装,启动,测试)yarn的安装与使用详细介绍node.js+ajax实现获取http服务器nodejs中调用系统命令、shell脚本nodejs npm install全局安装和本nodejs基本语法和类型nodejs学习笔记之fs文件模块node.js中的fs.writefilesync方法nodejs实现多房间简易聊天室功能node.js stream ondata触发时机与顺序的探nodejs爬虫获取数据简单实现代码nodejs的fs读写删除移动监听node.js cookie-parser 中间件介绍centos 上快速搭建ghost博客方法分享详解koa2学习中使用 async 、await、promnodejs下用submit提交表单提示cannot posnode.js的express框架使用上手指南什么是node.js?node.js详细介绍
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved