热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

npm包本地调试方法

npm包开发时,我们不可能每次都执行发布后再进行测试,那我们怎么进行本地调试呢?本文假如要安装的包为my-test-0807,包源文件地址为D:\my-test-0807一、直接安

npm包开发时,我们不可能每次都执行发布后再进行测试,那我们怎么进行本地调试呢?

本文假如要安装的包为 my-test-0807,包源文件地址为 D:\my-test-0807


一、直接安装本地的包

npm install D:\my-test-0807

安装完成后,可以在 node_modules 文件夹中看到 my-test-0807 文件夹,然后我们还可以看到文件名的最右边会有个箭头,这个箭头表示这是一个符号链接,符号链接也称为软链接,类似于windows系统中的快捷方式,它是一种特殊的文件,其包含有一条以绝对路径或者相对路径的形式指向其它文件或者目录的引用。

我们在控制台执行:

ll node_modules

在打印出来的东西中我们可以看到 my-test-0807 这个符号链接指向的实际文件, 也就是D:\my-test-0807


使用 npm link 时,我们需要分两步来执行。

第一步,在我们包源文件根目录下执行:

npm link

将该包链接到本地全局环境

第二步,在我们需要使用该包的项目里进行链接:

npm link my-test-0807

然后我们可以看到 node_modules 中出现了 my-test-0807 符号链接。

这两步其实也可以合并为一步,直接在需要使用该包的项目里进行链接:

npm link D:\my-test-0807

要取消全局链接时,可以在包源文件的根目录下执行:

npm unlink

也可以直接删除符号链接。


三、使用 npm install

在包源文件的父级目录中执行:

npm install -g my-test-0807

执行完之后我们会发现,它也创建了一个全局链接,看到这里我想很多人都会疑惑,这条命令不是安装已经发布的 npm 包吗,为什么会创建一条符号链接?其实当我们执行install命令时,如果当前目录下有该包,npm则会给我们创建该包的全局链接,而不是去下载已经发布的包。如果当前目录下没有该包,npm会给我们下载已经发布的包。

然后就跟第二种方法一样,在我们需要使用该包的项目里进行链接:

npm link my-test-0807


推荐阅读
  • 基于Node.js、Express、MongoDB和Socket.io的实时聊天应用开发
    本文详细介绍了使用Node.js、Express、MongoDB和Socket.io构建的实时聊天应用程序。涵盖项目结构、技术栈选择及关键依赖项的配置。 ... [详细]
  • 深入理解Vue.js:从入门到精通
    本文详细介绍了Vue.js的基础知识、安装方法、核心概念及实战案例,帮助开发者全面掌握这一流行的前端框架。 ... [详细]
  • Symfony是一个功能强大的PHP框架,以其依赖注入(DI)特性著称。许多流行的PHP框架如Drupal和Laravel的核心组件都基于Symfony构建。本文将详细介绍Symfony的安装方法及其基本使用。 ... [详细]
  • 本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ... [详细]
  • 本文详细介绍了在WebStorm环境中设置ES6代码自动转换为ES5,并生成相应的源映射(source map)文件的方法和常见问题解决技巧。 ... [详细]
  • 深入解析ES6至ES8的新特性与应用
    本文详细介绍了自2015年发布的ECMAScript 6.0(简称ES6)以来,JavaScript语言的多项重要更新,旨在帮助开发者更好地理解和利用这些新特性进行复杂应用的开发。 ... [详细]
  • 前端开发中的代码注释实践与规范
    本文探讨了前端开发过程中代码注释的重要性,不仅有助于个人清晰地回顾自己的编程思路,还能促进团队成员之间的有效沟通。文章将详细介绍HTML、CSS及JavaScript中的注释使用方法,并提出一套实用的注释规范。 ... [详细]
  • Node.js 入门指南(一)
    本文介绍了Node.js的安装步骤、如何创建第一个应用程序、NPM的基本使用以及处理回调函数的方法。通过实际操作示例,帮助初学者快速掌握Node.js的基础知识。 ... [详细]
  • Webpack中实现环境与代码的有效分离
    本文探讨了如何在Webpack中有效地区分开发与生产环境,并实现代码的合理分离,以提高项目的可维护性和加载性能。 ... [详细]
  • 本文通过探讨React中Context的使用,解决了在多层级组件间传递状态的难题。我们将详细介绍Context的工作原理,并通过实际案例演示其在项目中的具体应用。 ... [详细]
  • Vue 项目构建与部署指南
    本文将指导您完成Vue项目的构建和部署过程,包括环境搭建、项目初始化及配置、以及最终的部署步骤。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • PHP 5.2.5 安装与配置指南
    本文详细介绍了 PHP 5.2.5 的安装和配置步骤,帮助开发者解决常见的环境配置问题,特别是上传图片时遇到的错误。通过本教程,您可以顺利搭建并优化 PHP 运行环境。 ... [详细]
author-avatar
Mr_小迪2502897623
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有