当前位置: 首页 > news >正文

Vue3项目如何使用npm link本地测试组件库

一、组件库操作

1、在组件库项目中先运行npm run lib,其效果如下

在这里插入图片描述

2、在组件库项目中在运行npm link,其效果如下

会创建一个全局的软连接指向本地的组件库
在这里插入图片描述

二、Vue3项目使用

1、在项目中运行 npm link 组件名称(即:组件库package.json的name属性)

在这里插入图片描述

2、在main.ts中全局引入

在这里插入图片描述

相关文章

基于ElementUi&Antd再次封装基础组件文档


vue3+ts基于Element-plus再次封装基础组件文档


wocwin-admin后台管理系统模板

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 一、Prometheus和Grafana搭建
  • 区块链技术如何改变供应链管理?
  • 代理详解之静态代理、动态代理、SpringAOP实现
  • 新手前端系列入门-什么是前端开发
  • DEJA_VU3D - Cesium功能集 之 122-体元渲染(官方Voxels)
  • 如何拥有自己的第一个私人数据库?
  • Kubernetes k8s Pod容器 探针 健康探测
  • 46、lvs集群- 博客
  • 【杂说咋说】近年来国土空间规划行业人员转行分析
  • lnmp php7 安装ssh2扩展
  • 【计算机网络——1.2网络边缘】
  • MySQL:TABLE_SCHEMA及其应用
  • 【C++高阶】高效数据存储:理解并模拟实现红黑树Map与Set
  • 【Linux进阶】文件系统3——目录树,挂载
  • YOLOv5白皮书-第Y4周:common.py文件解读
  • 【vuex入门系列02】mutation接收单个参数和多个参数
  • Android开源项目规范总结
  • canvas实际项目操作,包含:线条,圆形,扇形,图片绘制,图片圆角遮罩,矩形,弧形文字...
  • docker-consul
  • oschina
  • SQLServer之创建显式事务
  • swift基础之_对象 实例方法 对象方法。
  • 可能是历史上最全的CC0版权可以免费商用的图片网站
  • 如何解决微信端直接跳WAP端
  • 如何胜任知名企业的商业数据分析师?
  • 网络应用优化——时延与带宽
  • 一文看透浏览器架构
  • 掌握面试——弹出框的实现(一道题中包含布局/js设计模式)
  • HanLP分词命名实体提取详解
  • 回归生活:清理微信公众号
  • ​​​​​​​ubuntu16.04 fastreid训练过程
  • ​用户画像从0到100的构建思路
  • # 数据结构
  • #、%和$符号在OGNL表达式中经常出现
  • #{} 和 ${}区别
  • ${ }的特别功能
  • (11)工业界推荐系统-小红书推荐场景及内部实践【粗排三塔模型】
  • (6)STL算法之转换
  • (C#)获取字符编码的类
  • (WSI分类)WSI分类文献小综述 2024
  • (编译到47%失败)to be deleted
  • (创新)基于VMD-CNN-BiLSTM的电力负荷预测—代码+数据
  • (附源码)spring boot车辆管理系统 毕业设计 031034
  • (力扣)循环队列的实现与详解(C语言)
  • (每日持续更新)jdk api之StringBufferInputStream基础、应用、实战
  • (免费领源码)python#django#mysql校园校园宿舍管理系统84831-计算机毕业设计项目选题推荐
  • (排序详解之 堆排序)
  • (七)Knockout 创建自定义绑定
  • (转)shell调试方法
  • (转载)深入super,看Python如何解决钻石继承难题
  • .libPaths()设置包加载目录
  • .NET CORE 3.1 集成JWT鉴权和授权2
  • .NET Core 中插件式开发实现
  • .NET 线程 Thread 进程 Process、线程池 pool、Invoke、begininvoke、异步回调
  • .net生成的类,跨工程调用显示注释