一直喜欢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文件就运行了。这时候应该会自动弹出
输出窗口,如果没有可以手动打开输出窗口查看结果。

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

最新文章

  1. LINQ之路 9:LINQ to SQL 和 Entity Framework(上)
  2. Cygwin的安装与配置
  3. Linux System Log Collection、Log Integration、Log Analysis System Building Learning
  4. MySQL 高效分页
  5. git配置global信息
  6. plist文件的读取
  7. poj 3155 最大密度子图
  8. 解决VS2010使用comboBox死机问题
  9. List.removeAll()方法失效
  10. CloudStack搭建KVM环境
  11. ubuntu12.04安装深度音乐播放器和深度影音
  12. CodeBlocks常用重要快捷键大全!!
  13. MySQL 最左前缀(Leftmost Prefix) & 组合索引(复合索引,多列索引)
  14. Coursera课程 Programming Languages, Part B 总结
  15. windows安装虚拟主机virtualbox遇到的困难
  16. js 调用打印机方法
  17. Chapter 5 Blood Type——30
  18. js内存深入学习(一)
  19. Hive Bug修复:ORC表中array数据类型长度超过1024报异常
  20. mysql 分组取每个组的前几名的问题

热门文章

  1. Flex上传文件Java端解决中文乱码问题
  2. node.js和前端js有什么区别
  3. Django升级到1.10,MEDIA_ROOT发生TypeError错误
  4. 第一百六十节,封装库--JavaScript,ajax注册表单到数据库
  5. bgr to rgb
  6. ASP.NET动态添加控件一例
  7. boost数据结构any(很有用!)
  8. django用户认证系统——修改密码6
  9. windows 中 Eclipse 打开当前文件所在文件夹
  10. docker菜鸟入门