【Js】【调试】VSCode中调试Js代码

以前调试一段js代码总是会将js代码嵌入html页面，然后利用浏览器的开发者工具打断点来调试js代码，感觉还是有一点麻烦，想着直接在vscode中调试一个js代码那不就很方便了吗。

vscode是可以运行代码的，vscode运行代码是通过一个配置文件lauch.json来配置当前工作空间启动程序的方式。

如何创建lauch.json文件？

切换到debug侧边栏，点击创建lauch.json文件

这时会弹出选框，让你选择一个调试的环境，这里调试js一般都使用Node.js环境来进行调试

选择后，就会在工作空间创建一个.vscode文件夹，下面会显示已经创建好的lauch.json文件

其中configurations数组对象下，每一个对象就是当前工作空间，启动程序的一个方式，如下配置，是一个node类型的启动方式，这个启动方式的名字叫启动程序，跳过的文件...，启动的程序是${file}，这里${file}是应该是指当前编辑聚焦打开的文件。

{// 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387"version": "0.2.0","configurations": [{"type": "node","request": "launch","name": "启动程序","skipFiles": ["<node_internals>/**"],"program": "${file}"}]
}

然后就可以打开你想要调试的文件在边侧打上断点，按F5启动程序，程序就会自动停在断点的位置了，

左边debug侧边栏会有变量、监视、调用堆栈、断点四个视图来帮助你调试，编辑器右上脚会有调试工具的一些基本操作，运行到下个断点、单步跳过、单步调试、跳出、重启、终止。然后就可以开始你的调试喽٩(๑❛ᴗ❛๑)۶

【Js】【调试】VSCode中调试Js代码相关推荐

lldb 调试php,linux系统下如何在vscode中调试C++代码
本篇博客以一个简单的hello world程序,介绍在vscode中调试C++代码的配置过程. 1. 安装编译器 vscode是一个轻量的代码编辑器,并不具备代码编译功能,代码编译需要交给编译器完成. ...
js向head中添加js代码
js向head中添加js代码 1.$("<script>").attr("type","text/javascript") .h ...
vscode中调试swift，如何配置launch.json
在 vscode 中调试 Swift 程序需要配置 launch.json 文件. 首先,在 vscode 中打开调试窗口(Ctrl+Shift+D). 然后,点击"创建一个新的 launc ...
vscode 中写完代码 Ctrl + s 保存即可格式化代码或者（Shift+Alt+f）
vscode 中写完代码 Ctrl + s 保存即可格式化代码找到设置搜索emmet.include 选择在settings.json中编辑添加代码下面两行代码别忘记逗号 "edit ...
vscode html 属性换行,vscode中格式化css代码标签属性不换行
vscode中格式化css代码标签属性不换行,如下图,教程,后将,解决方法,首选 vscode中格式化css代码标签属性不换行易采站长站,站长之家为您整理了vscode中格式化css代码标签属性不换 ...
如何在VSCode中运行js代码
安装Node.js 不会安装的请直接查看我的博客五分钟教你搞定在HbuilderX上搭建Node.js环境注意:只需要在cmd里敲node -v出现版本信息,就可以下一步操作了在VSCode中下载 ...
如何在VScode 中调试 ts 文件 Unit test
最近在使用VScode 调试 mocha 写的 UT, 遇到一个问题,executor.js文件中require了某个ts写的文件代码,跑ut的时候回报错说无法找到. 解决方式是在参数中加入 &quo ...
java 执行js脚本_java中调用js脚本
JDK1.6加入了对Script(JSR223)的支持.这是一个脚本框架,提供了让脚本语言来访问Java内部的方法.你可以在运行的时候找到脚本引擎,然后调用这个引擎去执行脚本.这个脚本API允许你为脚 ...
升级golang版本导致vscode中golang没有代码提示问题处理
2019独角兽企业重金招聘Python工程师标准>>> 上半年安装了vscode中golang的插件,经过折腾代码提示这些都好了,但当时goland还可以用,就放弃了vscode来编 ...

【Js】【调试】VSCode中调试Js代码

【Js】【调试】VSCode中调试Js代码相关推荐

最新文章

热门文章