使用VSCode调试JavaScript代码

说明

  • 这里有现成的模块：https://github.com/dongtshj/debugJS
  • 想要执行、调试JavaScript代码，就需要JavaScript的解释器、调试器程序。这些都集成在了JavaScript引擎之中，而JavaScript引擎一般是集成在浏览器程序之中的，比如Google Chrome（V8引擎）、Mozilla Firefox（SpiderMonkey引擎）
  • 这里是使用VSCode的一款微软开发的名为Debugger for Chrome的插件来完成使用chrome调试JavaScript代码

模板项目结构

1
2
3
4
5
|---debugJS
|   |---index.html
|   |---main.js
|   |---.vscode
|   |   |---launch.json
  • 要想浏览器执行你的代码，首先需要一个HTML文件，项目里使用的是index.html
  • 然后需要一个.js文件来存放JavaScript代码，项目里使用的是main.js
  • 最后再把.js文件嵌入到HTML文件当中就可以顺利调试、执行了
  • launch.json是用来配置启动参数的，内容如下：
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    {
        "version": "0.2.0",
        "configurations": [
            {
                "type": "chrome",
                "request": "launch",
                "name": "Launch Chrome",
                "sourceMaps": true,
                "file": "${workspaceFolder}/index.html"
            },
        ]
    }

Python和Lua

这两个就很简单了，没啥好说的，只要下载对应的VSCode插件就能运行、调试相应的代码了。