美文网首页
本地调试一个 npm 包(CLI 工具)

本地调试一个 npm 包(CLI 工具)

作者: vincent_z | 来源:发表于2023-10-11 16:03 被阅读0次

要在本地调试一个 npm 包(CLI 工具),可以按照以下步骤进行操作:

  1. 克隆或下载 npm 包的源代码到本地。

  2. 在终端中进入该代码的根目录。

  3. 运行 npm install 命令,以安装所有的依赖项。

  4. 在 package.json 文件中查找 "bin" 字段,确定可执行命令的名称(假设为 "myWcf")。


    cli.png
  5. 在终端中执行以下命令,将可执行命令链接到全局环境:

    npm link
    

    这将在全局 npm 目录中创建一个符号链接,使得可以在任何地方使用该命令。

  6. 假设local是其中一条命令,c是一个参数,在终端中输入命令 myWcf,即可运行该 CLI 工具

myWcf local -c 0

在调试期间,你可以使用调试器工具(如 VS Code 或 Node.js 自带的调试器)来设置断点、逐行调试和检查变量的值,以便更好地理解代码的执行过程和进行调试。比如,在scripts增加测试命令,在vscode中调试

  • 首先创建launch.json文件


    launch.png

点击上面创建luanch.json文件


launch.png
  • 在scripts增加测试命令
  "scripts": {
    "testPack": "myWcf local -c 0"
}
  • 点击图中的debug按钮,调出下面的选择界面


    debug.png
debug.png debug.png

现在,你可以在本地调试该 npm 包,并对其进行修改和测试。任何对源代码的更改都会立即生效,无需重新安装。

当完成调试并对代码进行修改后,可以重新执行 npm link 命令来更新全局链接,并在其他项目中使用更新后的版本。

相关文章

  • 脚手架搭建

    1、npm 下载vue/cli包 命令行工具 npm i vue/cli -g 2、vue create myte...

  • 本地调试npm包

    1、在npm包下执行 npm link 这时候 会以package.json 里的name 为名字 将这个包挂载到...

  • NPM

    npm link 可以用于自己本地开发的模块调试过程, 避免每次都publish npm包,然后安装调试。 1. ...

  • 使用npm link 加速调试

    使用npm link 加速调试 我们在把包发布到npm上时,如果需要对本地的包进行修改,我们需要改变一个版本,重新...

  • webpack4.x的使用

    小试牛刀 安装包npm i webpack webpack-cli -g 切换到本地目录 新建一个entry.js...

  • 官方的命令行工具vue-cli

    vue-cli官网Vue-cli是Vue的脚手架工具——主要作用:目录结构、本地调试、代码部署、热加载、单元测试 ...

  • npm命令

    查看本地某个包 npm ls xxx or npm list xxx 查看本地全部包 npm list --...

  • 【进化指南】从vue-cli2到vue-cli3

    CLI 2和CLI 3第一个区别是npm包的包名,CLI 3并没有沿用CLI 2的vue-cli,而是另起为@vu...

  • vue-cli 3.0

    安装 vue-cli 3.0 npm install -g @vue/cli 安装 yarn 依赖管理工具 npm...

  • 新建一个vue项目

    install vue-cli 安装依赖包 npm install --g vue-cli //使用vue-cli...

网友评论

      本文标题:本地调试一个 npm 包(CLI 工具)

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