手把手教你开发一个vue组件打包并发布到npm包

手把手教你开发一个vue组件打包并发布到npm包
在项目开发中,你一定经常通过npm install安装使用各种各样的npn包插件。那你是否想过自己实现一个npm包呢,本篇文章手把手教你实现自己的npm包。
其他文章有介绍不使用vue init一个项目的方法来发布自己的npm包。弊端是 1.无法确认安装什么样的依赖,只能直接复制使用别人的。2.无法测试,发布成功后只能在另一个项目中安装后看到和测试组件的bug,不断地发布和安装组件修改bug非常麻烦。因此推荐使用vue init webpack-simple初始化一个vue项目来实现。

  1. 第一步:使用 vue init webpack-simple your-project 初始化项目

提示: 不要用 vue init webpack your-project 初始化项目,因为我们就开发个组件,不需要那么多配置,配置多了修改起来也麻烦,webpack-simple足够了。

初始完项目,按照提示输入项目信息即可,然后 npm install , npm run dev 让项目跑起来

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值