VSCode调试JavaScript代码方法_vs code javascript调试-程序员宅基地

技术标签: 前端(html+css+js)知识点杂烩  vscode  Powered by 金山文档  javascript  开发语言  

本文参考了:https://blog.csdn.net/weixin_41922484/article/details/122858565

1.安装Node.js

参考【Win10安装nodejs】

https://blog.csdn.net/xijinno1/article/details/129574351

2. VSCode安装扩展插件

在VSCode的应用商店搜索扩展:Code Runner 和 JavaScript Debugger两个插件,并安装。

Code Runner
 JavaScript Debugger

3.VSCode创建js文件测试

var a = 1;
var b = 2;
console.log("hello world");
console.log("a = ", a);
console.log("b = ", b);

① 在VSCODE中配置Node.js

建立一个文件夹(如:demo),在文件夹中建立一个js文件(如demo.js),使用VSCODE打开该文件夹,然后按下图操作:

编写好JS文件之后,按F5就能直接在控制台查看运行结果了

②右键点击Run Code,在输出窗口即可看到结果。

VS Code 将尝试自动检测您的调试环境,但如果失败,您将不得不手动选择它: Node.js

③ 按F5启动调试模式。

先在代码行行号前点击,打下一个断点,再按F5启动调试

VS Code 将尝试自动检测您的调试环境,但如果失败,您将不得不手动选择它: Node.js

可以看到程序停止在了断点所在行,一旦调试会话开始,调试工具栏将出现在编辑器的顶部。

继续/暂停F5

单步跳过F10

单步调试F11

单步跳出Shift+ F11

重启Ctrl+ Shift + F5

停止Shift+ F5

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xijinno1/article/details/129575022

智能推荐

Selenium使用技巧_selenium firfox add_experimental_option-程序员宅基地

文章浏览阅读248次。浏览器会出现“受自动化测试软件”控制的提示。执行代码时不出现浏览器窗口。_selenium firfox add_experimental_option

ubuntu16.04安装ros-kinetic彻底解决sudo rosdep init报错_ubuntu mate 16.04 ros init-程序员宅基地

文章浏览阅读2.2k次,点赞2次,收藏10次。ubuntu16.04安装ros-kinetic,解决rosdep init报错。从源头解决rosdep init和rosdep update报错_ubuntu mate 16.04 ros init

RIA是什么东西?-程序员宅基地

文章浏览阅读662次。RIA(Rich Internet Applications)丰富互联网程序,具有高度互动性、丰富用户体验以及功能强大的客户端。简介编辑RIA是Rich Internet Applications的缩写,翻译成中文为丰富的因特网应用程序(Macromedia中文网站翻译为Rich Internet应用程序)传统网络程序的开发是基于页面的、服务器端数据传递的模式,把网络程序的表..._ria 1960 胰岛素

(超详细避坑)实现服务器的代码与Gitee的代码同步更新:通过宝塔的WebHook、Git、Gitee的WebHooks_宝塔同步git-程序员宅基地

文章浏览阅读4.6k次,点赞6次,收藏27次。实现服务器的代码与Gitee的代码同步更新:通过宝塔的WebHook、Git、Gitee的WebHooks。(超详细避坑)前言一、效果展示二、实现步骤2.1 使用宝塔git生成公钥2.2 创建Gitee仓库,添加公钥2.3 宝塔安装WebHook并配置2.4 配置Gitee的WebHooks2.5 将Gitee仓库clone到服务器的本地目录中总结前言提示:内容中的服务器环境为centos7,配置了宝塔的LNMP。 本篇文章最好需要已掌握Git,Gitee操作,宝塔操作的相关知识。一、效果展示._宝塔同步git

说说MAC系统的VNC远程控制-程序员宅基地

文章浏览阅读1w次。有的时候我们可能需要用一台电脑去控制MAC系统的机器。正好现在的MAC系统都自带了VNC协议的远程桌面控制的服务端,我们只需要稍稍设置一下就可以了。1.服务端设置:进入“系统偏好设置”,进入“共享”,勾选“屏幕共享”,这样就打开了VNC的服务端,点击“电脑设置”可以设置VNC客户端连入的密码。2.客户端设置:如果你是linux系统用户,只需要先安装VNC库(比如ubuntu系统可以

url链接拆解/分析/分解/解剖/提取/...?_把一个url拆解成origin、文件名、hash拆解成示例的格式-程序员宅基地

文章浏览阅读3.2k次。url链接拆解/分析/分解/解剖/提取/…?场景:在某个请求中,需要使用到一个参数,但目前server端只能给到一个链接,且需要的参数就在其中,暂时也不单独提供该参数,那么就从url中提取吧。暂时就这么写来实现功能,优化该功能待完善。先看下执行效果url拆解成两个串:https://tswes.suff.xrd.com/h5i/home/paperDeul.html accTok=b21f-d_把一个url拆解成origin、文件名、hash拆解成示例的格式

随便推点

AndroidStudio断点调试和高级调试_android studio 真機調試設置斷點-程序员宅基地

文章浏览阅读1.3k次。我们程序员在写程序的时候,Bug是不可避免的,在这种情况下,除了日志外最常用的就是Debug了。除了写程序,当我们接手一个旧的程序,熟悉代码最常用的手段也是调试,以前没有总结过Android Studio的调试,现在来总结一下Android Studio的调试技巧!AS调试面板介绍点击顶部工具栏的进入断点调试,例如下面红色方框区:进入断点调试之后,就会唤出调试面板,我们介绍一下调试面板,调试面板如下_android studio 真機調試設置斷點

iOS 开发人才市场饱和了吗?-程序员宅基地

文章浏览阅读452次。自己技术提升的经历送给你, 希望对你有帮助!一,工作经历1,毕业四年,第一家公司就是做iOS开发,一直到现在,做了四年多iOS开发。前后换了四家公司,第一家是外包公司,那个时候我刚入门,在公司的项目中边学习边参与项目开发。后面的几家公司,都是一个新的项目,我过来从零开发,一个人独立负责项目框架搭建、业务功能开发、测试发布、项目的后期维护等流程。工作很忙,但也都能应付过来。2,做时间久了,就慢慢发现,做业务功能的开发越来越没意思了,又都是一个人就能搞定的小项目,并没有太多技术含量。主要工作就是寻找

算法总结:DFA(自动机)算法是什么,怎么用-程序员宅基地

文章浏览阅读5.8k次,点赞8次,收藏54次。算法总结:高手们常说的DFA(自动机)算法是什么简介一:从一个C++语言程序开始1.基础C语言解法2.DFA(自动机)算法思想3.自动机编程题解二:Leetcode实战注简介自动机编程(英语:Automata-based programming)是编程典范中的一种,是指程式或其中的部份是以有限状态机(FSM)为模型的程式,有些程式则会用其他型式(也更复杂)的自动机为其模型。自动机程序在每个时刻有一个状态 s,每次经过一个行动 f,转移到下一个状态 s’。这样,只需要建立一个覆盖所有情况的从 s 与 f_dfa

php db-lib,php安装dblib扩展,连接mssql的具体步骤-程序员宅基地

文章浏览阅读264次。下面小编就为大家带来一篇php安装dblib扩展,连接mssql的具体步骤。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧1、先安装freetds 然后修改配置文件不要装0.82版本,会报编译失败Compile Failure With freetds0.82进到freetds目录下编译安装./configure --prefix=/usr/local/freetds..._检查 db 抽象库变量 $dblib_path 在 base_conf.php

大数据、机器学习与深度学习类命令行工具汇总-程序员宅基地

文章浏览阅读70次。抓紧你的键盘!无需鼠标或者GUI,我们完全能够在OS X与Linux上完成大量操作。面向各类*N*X系统的大量出色命令行工具一直在技术行业拥有极高人气,且已经扩展至Python、Go、NodeJS乃至各类混合型工具当中。即使大家并不打算通过命令行运行整条数据处理管道,这些工具仍然能够带来可观助益。《命令行上的数据科学(Data Science at t..._polarity_scores 输入到excel中

不用notifyDataSetChanged_不使用notifyd-程序员宅基地

文章浏览阅读1.5k次。转自http://www.cnblogs.com/zhengbeibei/archive/2013/02/22/2922635.html帖子中讲述的项目使用了listView这个控件,而且自定义了adapter。在更新item的进度条时发现每次使用notifyDataSetChanged(),都会去调用自定义adapter中的getView方法。这时问题就出现了,用notifyDataSetC_不使用notifyd

推荐文章

热门文章

相关标签