美文网首页我爱编程
vscode调试babel-node

vscode调试babel-node

作者: 心情后花园 | 来源:发表于2018-05-19 13:08 被阅读0次

    使用node开发有段时间了,但是调试都是不断的打印来进行的,于是趁着周末找了找怎么通过vscode来调试node代码,没有特别的深入,只是做到能调试代码就行的程度。

    1. 进入调试页面

    调试代码的地方在左侧的第四个,点击就能进入到调试的入口处


    入口

    2. 添加配置

    进入到调试页面时,刚开始是没有配置调试需要的东西的,所以需要配置调试的环境


    添加环境配置

    3. 选择调试环境

    添加配置之后,会需要选择代码的运行环境


    选择环境

    4. 修改配置

    选中环境之后,会在你项目的当前目录下创建个.vscode文件夹,里面存放着当前项目的vscode的各种配置。上一步操作,会在.vscode文件夹中创建launch.json文件


    launch.json文件

    文件默认内容可能是不一致的,name表示这个配置的名称,program表示启动文件,比如 node ${file}

    如果需要使用babel-node去执行这个文件的话,需要手动加一行

    babel-node

    至于还有其他的参数配置,由于自己的目标仅限于此,也就没有去继续折腾

    项目启动

    项目启动后,可以到你需要调试的地方打上断点

    断点

    等代码运行到断点处,鼠标放到变量上,会出现变量的值,只是窗口大小好像不能进行调整

    相关文章

      网友评论

        本文标题:vscode调试babel-node

        本文链接:https://www.haomeiwen.com/subject/vreodftx.html