手把手教你如何上传npm包到npm上

这篇博客详细介绍了如何将一个Vue组件上传到npm。首先,创建项目并设置环境,然后创建Vue组件和index.js文件进行本地测试。接着,修改package.json,登录npm账号并发布包。遇到问题如名称已被占用或版本号错误,需相应调整。作者还分享了自己的音频插件npm包链接,欢迎大家提问交流。
摘要由CSDN通过智能技术生成

发送npm包到npm上我琢磨了一个多小时,发篇博客记录一下,免得以后给忘了!
首先需要先安装vue和node,这个大家请自行Google一下,这里就不废话了。

  • 首先创建一个基本的项目
 vue init webpack-simple cjhcj-audio(这个是项目名字)

在这里插入图片描述

项目创建之后执行以下命令:

cd cjhcj-audio (进入文件目录)
npm install (安装依赖)
npm run dev (运行)

能看到下面这张图片你就算是把环境基本搭好了,剩下的就是改一些配置文件就行了
在这里插入图片描述

  • 新建一个vue组件
    这个组件会是我们发送到npm上的组件
    在这里插入图片描述

  • 在与index.html同级的目录下新建index.js文件
    在这里插入图片描述
    index.js文件下添加如下代码

impo
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值