Visual Studio Code 配合 Node.js 轻松实现JS断点调试
2024-10-20 15:46:20
一直喜欢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文件就运行了。这时候应该会自动弹出
输出窗口,如果没有可以手动打开输出窗口查看结果。
每次运行完毕最好点击红色小方块结束运行
点击代码编号左边的空白,即可启动断点调试
最新文章
- LINQ之路 9:LINQ to SQL 和 Entity Framework(上)
- Cygwin的安装与配置
- Linux System Log Collection、Log Integration、Log Analysis System Building Learning
- MySQL 高效分页
- git配置global信息
- plist文件的读取
- poj 3155 最大密度子图
- 解决VS2010使用comboBox死机问题
- List.removeAll()方法失效
- CloudStack搭建KVM环境
- ubuntu12.04安装深度音乐播放器和深度影音
- CodeBlocks常用重要快捷键大全!!
- MySQL 最左前缀(Leftmost Prefix) &; 组合索引(复合索引,多列索引)
- Coursera课程 Programming Languages, Part B 总结
- windows安装虚拟主机virtualbox遇到的困难
- js 调用打印机方法
- Chapter 5 Blood Type——30
- js内存深入学习(一)
- Hive Bug修复:ORC表中array数据类型长度超过1024报异常
- mysql 分组取每个组的前几名的问题