美文网首页
无星的前端之旅(三)——cli工程调试

无星的前端之旅(三)——cli工程调试

作者: 无星灬 | 来源:发表于2020-04-29 15:56 被阅读0次

作为前端开发工程师,希望搭建一些基础设置,cli是必不可少的一项。

至于cli如何制作,文章一大堆,相信网上大家都能搜到。

但是cli工具如何debug,我查了2天,都没查到。

我用的开发工具是vscode。虽然我知道答案一定在
VSCode调试NodeJS调试入门中,但我天资愚钝,不知道如何融合起来。

不过天不亡我,最终还是找到了解决方式。

不多bb,直接上代码和截图。

方式一

1.新增vscode的launch选项卡

1.png

抄就完事了,注意端口号,是根据后续产生的端口号去填写,可以先填一个。

{
      "type": "node",
      "request": "attach",
      "name": "手动链接到测试",
      "port": 9229
    },

2.项目入口添加代码

#!/usr/bin/env node --inspect-brk
2.png

#!/usr/bin/env node是干什么用的大家一定都很熟悉,就不赘述了。

后面添加--inspect-brk,让它在启动的时候停滞。

3.进行debugger

这时候我们执行自己的cli命令(我这已经link过了,如何link就不多说了,百度都能查到)

szyx-cli init aaa

比如我这执行了一个init命令,大家可以看到,这里停滞了,并给出了一个端口号,将此端口号,设置到第一步中的launch选项中的端口。


3.png

使用vscode进行debug


4.png

可以看到,成功进来了!这样就可以很方便的查看cli工程执行过程中所产生的错误。尽情编写自己的cli工具吧。

方式二

编写launch

5.png

配置如下:

 {
      "type": "node",
      "request": "launch",
      "name": "调试操作",
      "program": "${workspaceFolder}/src/index.js",
      "outFiles": [],
      "protocol": "inspector",
      "console": "integratedTerminal",
      "args": ["init", "aaa"]
    }

program执行自己的入口文件,args中填写需要后续执行的命令参数即可。
缺点就是cli命令较多的时候,调试需要不停更改。

当然也有解决办法,只是我没再去深究了。

题外话

不用vscode的朋友怎么调试。
可以查看NodeJS调试入门配合chrome://inspect来进行调试。
但我一样没去深究。

结束语

在这个探究过程中遇到了许多热心朋友的帮助。非常感谢。

也有朋友就是靠着看日志写出了工具链,确实🐂🍺。

但我还是认为,磨刀不误砍柴工。
写程序的第一步一定是了解如何进行debug,不然我总感觉根本无法开发下去。。

参考资料

nodejs调试全局安装的cli脚本

Node命令行开发如何Debug

相关文章

网友评论

      本文标题:无星的前端之旅(三)——cli工程调试

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