npm link使用
应用场景:
两个项目文件,一个是需要被调试的项目,一个是封装的组件项目。这里要做的是把组件项目设为全局,然后在调试项目里link再进行调试。
做法:
打开组件文件,拖到命令行里面复制路径(也有别的方式,但命令行绝对是最快最准确的)
打开组件的项目,cd 你复制的路径
,运行npm link。(如果是刚刚拉取下来的项目需要npm install一下)
找到组件项目的package-lack.json文件,看第二行:’name’:’要复制下来的名字’
打开要调试的项目,输入npm link 刚刚复制下来的name
,这个时候会返回一个格式路径:项目modules链接的路径 -> 本地调试路径 -> 项目所在地址路径
,基本上是这样:/Users/Desktop/...(组件项目的名字)/node_modules/...name名字 -> /user/local/lib/node_moudles/...name的名字 -> /Users/DeskTop/...(组件项目的名字)
。出现这个路径的话就证明链接成功了。然后在调试项目里面就可以任意调试了。不过这个路径的解释我还不是很清楚,只是我的初步想法应该是这样。
查了一下资料,解释是这样的:
这个命令主要做了两件事:
为npm包目录创建软链接,将其链到{prefix}/lib/node_modules/<package>
为可执行文件(bin)创建软链接,将其链到{prefix}/bin/{name}
以上两个路径是官方文档给出的路径,这两个路径是Linux平台上的。
在Windows平台中,这两个路径为:
目录: C:\Users\{Username}\AppData\Roaming\npm\node_modules\<package>
文件: C:\Users\{Username}\AppData\Roaming\npm\<name>
2020年7月9日更新
用了好久的npm link,发现自己真是太蠢了。
用法:组件A项目&&逻辑B项目(B link到A然后进行开发)
- cd A项目的地址- npm link(将A项目link为全局的)这时候会出现XXX路径1 -> XXX路径2- 复制下来路径2,去到逻辑B项目- npm link XXX路径2
一个很简单的问题搞了三天…
关于卸载这个软链: tnpm unlink XXX路径2
npm link使用相关推荐
- 使用npm link 创建本地模块
1. npm link 介绍 创建一个全局的符号链接,优点是方便我们进行本地node模块的开发调用,和后期发布私服,或者npm 仓库调用是一致的以下为官方的说明:First, npm link in ...
- npm link run npm script
npm link & run npm script https://blog.csdn.net/juhaotian/article/details/78672390 npm link命令可以将 ...
- 你所不知道的模块调试技巧 - npm link #17
你所不知道的模块调试技巧 - npm link #17 1. 背景 node 应用开发中,我们不可避免的需要使用或拆分为 npm 模块,经常遇到的一个问题是: 新开发或修改的 npm 模块,如何在项目 ...
- from scapy.all import * 调试失败_记一次错:Vue-构建项目后使用 npm link 失败
不想看过程可以直接看最后的总结 :) 起因 前天的时候就遇到了一个非常棘手的问题,在高高兴兴写完 Vue 项目后,使用 npm link 在别的项目里导入自己的包报错(这里的变量都用 xxxx 或者 ...
- 4个避免使用npm link的理由
本文主要介绍使用npm link的风险以及我们为什么使用npx link来替代它 先抛结论 使用npm install或者npx link去软连接一个本地包作为依赖而不是使用npm link $ np ...
- 一文讲懂npm link
前言 在本地开发npm模块的时候,我们可以使用npm link命令,将npm 模块链接到对应的运行项目中去,方便地对模块进行调试和测试 用法 包链接是一个两步过程: 1.为依赖项创建全局软链npm l ...
- Npm link的作用与使用
一.为什么要用Npm link 库包在开发或迭代后,不适合发布到线上进行调试(过程繁琐且会导致版本号膨胀) 二.Npm link工作原理 `npm link` 可以帮助我们模拟包安装后的状态,它会在系 ...
- npm link 提示:error Error: EPERM: operation not permitted;The operation was rejected by your operating
报错信息 解决方法 从报错信息上看,提示的是权限不足无法操作,网上找到的都是删除npmrc文件,但是没有效果,通过摸索,两种方式可以解决: 1.以管理员的身份运行vscode,然后在vscode的终端 ...
- npm link npm unlink
npm link 1.在npm包中全局:npm link 2.在项目中:npm link 包名(package.json中的name) npm unlink 1.在npm包中全局:npm unlink ...
最新文章
- UICollectionView 具体解说学习
- Memcached 学习篇【转】
- javascript 之 className属性
- map转成url拼接请求参数
- thinkphp 模板 in
- DG - 开启Active Data Guard
- MyCat分片规则之按自然月分片
- 对口高考计算机类专业试题,河南对口高考计算机专业课试题
- PKU《程序设计导引及在线实践》刷题记录(上)
- 毫米波雷达在人体传感器中的应用
- 什么是html阅读,HTML 介绍
- b51显微镜_1112-揭开微观世界的奥秘--显微镜发明的科学历程
- 【浪漫程序员系列】情人节给女友写代码表达爱意,让她感动到哭
- php微信支付分取消订单,PHP实现微信支付和退款
- 题目-火影-鸣人-查克拉分配给分身(详解)
- ThreeJs法向贴图
- 如何利用IP地址开展金融反欺诈?
- 怎么开启windows hypervisor platform,解决hypervisor platform消失无法安装的问题
- 什么是机器视觉? 和计算机视觉有什么区别?
- Chrome控制台错误汇总