背景

  在leetcode刷题时需要调试js代码

  代码写在.js文件中

方式一 node.js

  安装node.js

  配置launch.json  

  VSCode调试js代码的几种方式

  左侧【运行和调试】，【F5】启动调试，下方【调试控制台】查看输出；

            【F11】单步调试，在左侧查看【变量】。

  也可在vscode下方【终端】(其实就是集成的Windows Powershell) 或 运行【powershell】，使用【node 文件】命令执行js代码；

  VSCode调试js代码的几种方式

方式二Chrome

  安装插件【JavaScript Debugger】和【Open in Browser】

    其中【JavaScript Debugger】集成了原【Debug for Chrome】

    插件【Open in Browser】安装后html文件右键菜单显示【Open In Default Browser】和【Open In Other Browser】

  配置.html文件，在文件中引入.js文件  

    引用方式：使用<script>标签

    VSCode调试js代码的几种方式

  html文件内，右键菜单选择【Open In Default Browser】

  如果想浏览器实时反馈文件修改，选择【Open with Live Server】

    浏览器界面：查看html标签和布局

    浏览器【开发者工具】-【Console】：查看 console.log() 输出

    浏览器弹窗：查看 window.alert() 输出

  

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。