原文:配置 VS Code 调试 JavaScript

1、 安装 Debugger for Chrome 扩展、Open in Browser  扩展、View In Browser 扩展

2、用vs code打开项目

3、按 F5 出现下拉列表,选择Chrome,如下图

4、修改生成的 launch.json 文件:

{

    "version": "0.2.0",

    "configurations": [

   {

       "type": "chrome",

       "request": "launch",

       "name": "Launch Chrome against localhost",

       "url": "http://localhost:8080",

       "webRoot": "${workspaceRoot}"

    }
}

  修改后

{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Run app.js",
"type": "node",
"request": "launch",
"program": "${workspaceRoot}/app.js",
"stopOnEntry": false,
"args": [],
"cwd": "${workspaceRoot}",
"preLaunchTask": null,
"runtimeExecutable": null,
"runtimeArgs": [
"--nolazy"
],
"env": {
"NODE_ENV": "development"
},
"externalConsole": false,
"sourceMaps": false,
"outDir": null
}
]
}

  

最新文章

  1. python3 cgi传数据
  2. UVa12298 Super Poker II(母函数 + FFT)
  3. 转 http://www.5icool.org/a/201106/a654.html CSS开发中常用的公用样式
  4. Vim 配置 winmanager
  5. 有关SQLite的substr函数的笔记
  6. AWK 介绍
  7. PowerDesigner 物理数据模型(PDM)
  8. Java练习题
  9. Oracle 10g 下载地址
  10. ODBC方式连接Informix数据库
  11. Linux用户管理(笔记)
  12. Azure AI 服务之语音识别
  13. The table name must be enclosed in double quotation marks or sqare bracket while accessing EXCEL by
  14. ASP.NET 应用程序遭遇Server Application Unavailable问题的解决的方法
  15. 如何搭建高可用redis架构?
  16. 【APUE | 10】函数signal
  17. JavaScript类继承, 用什么方法好
  18. 解决layui下拉选择框只能选择不能手动输入文字
  19. Python入门之面向对象module,library,package之间区别
  20. 用手机访问管理mysql

热门文章

  1. 实用SQL语句
  2. Day34 设计模式
  3. 【Python MySQLdb】Library not loaded: /usr/local/mysql/lib/libmysqlclient.20.dylib解决办法
  4. RxJava 中的Map函数原理分析
  5. Singleton单例类模式
  6. iOS开发探索-高斯模糊&毛玻璃效果
  7. Javascript-- jQuery动画篇(2)
  8. Shell学习笔记——算数运算与条件测试
  9. 看一遍就懂,详解java多线程——volatile
  10. Java中高级面试题整理