步骤就是先在本地新建一个全新的项目(文件夹),然后开发。 开发组件后,在发布之前,可以先本地测试下。 测试方式有两种: 1、在依赖包根目录下,输入如下指令: npm link 1. 链接到本地依赖包库后,在项目根目录下运行如下指令: npm link 依赖包的名字 # 比如 npm link vue-drag-slider-mini 1. 2. 3. 链...
然后进入你的开发项目,叫 app 好了,先 cd app,然后 npm link fe-standard-libs。这个时候你到 app/node_modules 文件夹下去查看,也会发现多了一个 fe-standard-libs 项目的快捷方式,这个会优先于 package.json 下载下来在 node_module 的同名文件。然后 npm run dev 启动项目app,你就可以在项目 fe-standard-...
npm link 的使用 本地开发 npm 依赖包,常常需要关联到项目中进行修改/调试,npm link用来在本地项目和本地 npm 模块之间建立连接,可以在本地进行模块测试。 具体用法: 1. 项目和模块在同一个目录下,可以使用相对路径 2. 项目和模块不在同一个目录下 cd 到模块目录,npm link,进行全局 link 3. 解除 link 解...
本地调试 方式1 在demo中的index.js中引用src下面的index.js,然后在html中通过script标签引入,浏览器打开html文件即可执行; 方式2 直接在控制台通过node命令执行demo下的index.js文件 其他 在实际使用时会发现有些npm包内部代码是经过压缩混淆的,实际上在比较正规的包开发中,需要使用相关的构建工具如webpack、vite等...
cd ~/projects/some-depnpm link # 步骤 1.cd ~/projects/my-appnpm linksome-dep # 步骤 2. 1. 2. 3. 4. 我们可以像往常一样在some-dep项目上进行开发. 然后my-app依赖some-dep也是最新的代码。软链是指向本地的,并不会提交到git,这非常有利于我们的调试 ...
npm link # 步骤1.cd~/projects/my-app npm link some-dep # 步骤2. 我们可以像往常一样在some-dep项目上进行开发. 然后my-app依赖some-dep也是最新的代码。软链是指向本地的,并不会提交到git,这非常有利于我们的调试 调试 ❝如果使用VSCode并想在some-dep中设置断点,你需要在调试器中为my-app启用软链...
现有开发调试方案 大致来看,存在几种不那么方便的复制粘贴大法。 第一种是利用 npm link 来做手动搬运。每当变更过 library 上的代码后,我们在其所在目录执行 npm run build // 执行构建 cd dist/hello // 进入构建后结果目录 npm link // 将 library 链接到全局 ...
简介:npm 包本地调试(详细流程:包本地路径、npm link 、yalc) 一、使用包本地路径安装 package.json中的包名叫dzmtest(这个才是重点),包的文件夹名test。 获取到包的文件夹路径 执行安装命令,然后提示安装成功 $ npm install 包文件夹路径# 例如:$ npm install /Users/dengzemiao/Desktop/Project/npm/test ...
| | --sava-dev | -D | 将模块安装到本地node_modules目录下,同时保存到package.json中的devDependencies配置项中,仅供开发时使用。 | | --global | -g | 安装的模块为全局模块,如果命令行模块,会直接链接到环境变量中。 | 可以使用require关键字来引入本地安装的包。为了避免引用模块消失,保证依赖模块都会...
一. 创建 在npm的官网上注册一个账号，https://www.npmjs.com/ 1：在本地通过npm init 初始化一...