zoukankan      html  css  js  c++  java
  • Visual Studio Code 配合 Node.js 轻松实现JS断点调试

    一直喜欢vscode这个编辑器,今天看在liaoxuefeng.com学习nodejs时,看到上面
    讲了使用vscode配合nodejs调试JS代码,原来这么简单,现在分享如下:

    本人环境:

    • Visual Studio Code 1.14.2
    • Node.js 6.11.2
    • Windows10 64位

    上述两个软件都非常容易安装,基本上就是官网下载安装包,双击安装即可。

    配置步骤

    步骤1
    新建个文件夹比如test,在里面放一个JS文件比如hello.js,把这个文件假拖放到vscode
    窗口中打开,在里面随便写一点测试代码,完成后像下面这样

    步骤2
    点击左边第4个虫子按钮(Debug),这时候看到左上角三个小图标,其中绿色小三角表示开始调试
    接着是打开调试配置文件打开输出窗口

    步骤3
    点击齿轮小图标打开launch.json文件,如果出现让你选择运行环境,直接选nodejs(电脑里需
    装有nodejs才行),如果你使用的vscode版本大于等于我的版本,无需对launch.json进行更改,
    保持默认即可。我的launch.json配置文件如下。

    可以在项目目录看到vscode自动新建了1个.vscode文件夹,里面放有launch.json文件
    如果使用的vscode版本比我的低,可能需要对launch.json文件进行修改,具体可以参考:
    liaoxuefeng.com 网站上的教程

    步骤4
    配置好launch.json之后,直接单击绿色小三角图标JS文件就运行了。这时候应该会自动弹出
    输出窗口,如果没有可以手动打开输出窗口查看结果。

    每次运行完毕最好点击红色小方块结束运行
    点击代码编号左边的空白,即可启动断点调试

  • 相关阅读:
    vue.extend 拓展
    leetcode-166-分数到小数(用余数判断有没有出现小数的循环体)
    leetcode-165-比较版本号
    leetcode-162-寻找峰值
    vector.clear()不能用来清零
    leetcode-209-长度最小的子数组
    leetcode-201-数字范围按位与
    完全多部图的判断(个人思考)
    leetcode-200-岛屿的个数(dfs找所有的连通分量)
    leetcode-151-翻转字符串里的单词
  • 原文地址:https://www.cnblogs.com/asheng2016/p/7307378.html
Copyright © 2011-2022 走看看