Visual Studio Code 配合 Node.js 轻松实现JS断点调试

一直喜欢vscode这个编辑器，今天看在liaoxuefeng.com学习nodejs时，看到上面
讲了使用vscode配合nodejs调试JS代码，原来这么简单，现在分享如下：

本人环境：

Visual Studio Code 1.14.2
Node.js 6.11.2
Windows10 64位

上述两个软件都非常容易安装，基本上就是官网下载安装包，双击安装即可。

配置步骤

步骤1
新建个文件夹比如test，在里面放一个JS文件比如hello.js，把这个文件假拖放到vscode
窗口中打开，在里面随便写一点测试代码，完成后像下面这样

步骤2
点击左边第4个虫子按钮（Debug），这时候看到左上角三个小图标，其中绿色小三角表示开始调试，
接着是打开调试配置文件，打开输出窗口

步骤3
点击齿轮小图标打开launch.json文件，如果出现让你选择运行环境，直接选nodejs（电脑里需
装有nodejs才行），如果你使用的vscode版本大于等于我的版本，无需对launch.json进行更改，
保持默认即可。我的launch.json配置文件如下。

可以在项目目录看到vscode自动新建了1个.vscode文件夹，里面放有launch.json文件
如果使用的vscode版本比我的低，可能需要对launch.json文件进行修改，具体可以参考：
liaoxuefeng.com 网站上的教程

步骤4
配置好launch.json之后，直接单击绿色小三角图标JS文件就运行了。这时候应该会自动弹出
输出窗口，如果没有可以手动打开输出窗口查看结果。

每次运行完毕最好点击红色小方块结束运行
点击代码编号左边的空白，即可启动断点调试

转载于:https://www.cnblogs.com/asheng2016/p/7307378.html

Visual Studio Code 配合 Node.js 轻松实现JS断点调试相关推荐

用Visual Studio Code配合Linux子系统进行C/C++开发（调试篇）
在前一篇文章用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)里面,我们搭建了C/C++的开发环境,但是还不能调试,这怎么能行,下面,我们就把这个功能也配置起来 ...
使用Visual Studio Code配合TypeScript增强SAP UI5开发的语法检查
但凡从ABAP编程语言转到JavaScript这门弱类型编程语言进行SAP ui5开发的顾问们,因为缺乏对书写代码的静态检查,往往很不习惯. 其实我们可以使用Visual Studio Code加上t ...
visual studio code 如何编译运行html css js文件
运行html文件 1.添加插件扩展 2.安装 open in browser 3.在对应的html 文件处右击,选择open in default browser 或者直接
crossplatform---Nodejs in Visual Studio Code 01.简单介绍Nodejs
1.开始作者自己:开发人员,Asp.Net , html / js , restful , memcached , oracle ,windows , iis 目标读者:供自己以后回顾 2.我看No ...
【中英双语】Visual Studio Code速成教程
[中英双语]Visual Studio Code速成教程您需要了解的 Visual Studio Code 的所有信息! 此教程共4.0小时,中英双语字幕,画质清晰无水印,源码附件全课程英文名:V ...
Visual Studio Code设置断点时出现Unverified breakpoint该咋办
有的时候在Visual Studio Code里选中某一行设置断点,发现代码行号前面的圆圈是空心的, 而期望的断点设置成功后,显示是这样的: 空心的圆圈前面弹出的提示"Unverified ...
Vue.js+Node.js全栈开发教程：通过Visual Studio Code开发调试Node应用
目前,有多种开发工具可以支持Node.js应用的开发,比如: jetBrains WebStorm.Eclipse.Visual Studio Code等.这些开发工具原则上是"条条大路通 ...
使用Visual Studio Code + Node.js搭建TypeScript开发环境
Visual Studio Code搭建Typescript开发环境 -- 相关文章: http://www.cnblogs.com/sunjie9606/p/5945540.html [注意:这里仅 ...
node.js开发工具--visual studio code
visual studio code,个人觉得这是开发node最好的编辑器,没有之一. 下载地址:https://code.visualstudio.com/Download 之前的版本只能开一个窗口 ...
VS Code (visual studio code) VSC 编辑器（微软出品，js开发的编辑器）
一.选择合适的编辑器,提高编程效率代码编辑器的选择,可以说是开发者社区中一个经久不衰的话题,现今编辑器的数量数不胜数,vim,sublime Text,Emacs,Atom等等,那么对于一个开发者而 ...

Visual Studio Code 配合 Node.js 轻松实现JS断点调试

配置步骤

Visual Studio Code 配合 Node.js 轻松实现JS断点调试相关推荐

最新文章

热门文章