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

最新推荐文章于 2024-05-16 17:19:47 发布
最新推荐文章于 2024-05-16 17:19:47 发布
阅读量1.8k 收藏 2
点赞数
分类专栏： 前端 文章标签： 前端 npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45460264/article/details/97549027
版权

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

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

在这里插入图片描述

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

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

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

  • 新建一个vue组件
    这个组件会是我们发送到npm上的组件

最低0.47元/天 解锁文章
cjhcjplus
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手把手教你使用TypeScript开发Node.js应用
12-23
为了减少代码编写过程中出现的错误，以及更好的维护你的项目，本文将手把手教你配置一个简单的开发环境来编写Node.js的应用程序，创建这样的一个开发环境有很多方式，这只是其中一种，希望对你有所帮助！ 手把手教...
手把手教你如何使用nodejs编写cli命令行
10-17
这会在全局 npm 包目录下创建一个快捷方式，使得系统可以在任何地方通过 `hello-cli` 命令调用 `index.js`。注意，`npm link` 仅适用于本地开发，若要发布到 npm 仓库供他人使用，需遵循 npm 发布流程。 如果只想在...
pnpm---高性能的npm
星环
08-27 2865
JavaScript包管理工具pnpm（performant npm更高的性能，更快的依赖安装速度）
调试以及发布npm组件
weixin_44457418的博客
02-02 858
从调试到发布npm组件全过程
批量下载npm离线包并上传nexus私库
最新发布
ErnestW的博客
05-16 457
用Nexus搭建了内网的依赖仓库，需要将前端工程中node_modules中的依赖上传到Nexus
使用npm安装pnpm包管理器
weixin_48826306的博客
06-23 5728
使用 npm install pnpm -g 命令安装pnpm安装完成之后，使用pnpm -v命令查询是否成功安装，出现版本号即可。
npm上传自己的包详细过程（从创建到删除）
qq_41989905的博客
11-04 715
上传自己的npm依赖包，从零到开发-发布-使用-删除
三分钟教你如何上传自己的npm包
行胜于言，行动胜于空想
07-10 910
如何发布自己的npm包
【JavaScript源代码】手把手教你如何编译打包video.js.docx
12-29
手把手教你如何编译打包video.js 　目录　如何获取video.js的代码编译打包video.js安装node.js安装npm所需的依赖使用npm打包在HTML中连接打包好的js文件　如何获取video.js的代码　编译打包video.js　安装node.js...
手把手教你使用vue-cli脚手架(图文解析)
08-28
手把手教你使用vue-cli脚手架（图文解析） 本篇文章主要介绍了使用vue-cli脚手架的详细教程，从环境搭建到项目初始化的每一步骤都进行了详细的解析。下面是本篇文章的知识点总结： 一、Vue-cli脚手架的优势 * 有...
手把手教你用Node.js爬虫爬取网站数据的方法
01-20
1.在项目文件夹安装两个必须的依赖包 npm install superagent --save-dev SuperAgent(官网是这样解释的) —–SuperAgent is light-weight progressive ajax API crafted for flexibility, readability, and a l
【NPM】npm 上传自己的包，更新自己发布的包
leo的博客
06-20 962
npm上传自己的包，更新自己发布的包
如何上传自己的npm包
qq_45585640的博客
11-09 889
npm是什么？npm是JavaScript软件包管理器，它允许开发人员在项目中方便地安装、发布和共享代码库。可以将其视为一个类似于应用商店的工具，可以帮助开发人员快速地找到、安装和更新他们需要的代码库。
发布一个简单的npm包简单流程（图文并茂，你必懂）
m0_68997646的博客
12-16 2100
发布一个简单的npm包简单流程（图文并茂，你必懂）
使用npm上传包教程
温壁
06-08 1529
1、首先拥有自己的上传文件，例如 class lc{ constructor(){ this.arr = []; } map(){ this.arr.map((item)=>{ console.log(item); }); } add(item){ this.arr.push(item); } } module.exports = lc; 2、新建一个文件夹，
npm包创建到上传操作步骤
m0_67296095的博客
04-26 798
1.创建一个文件夹,起名需要注意,不要和别人一样,否则可能无法上传,可以先到npm官网查询再决定名字
npm上传包的流程
Li_na_na01的博客
10-26 627
注册/登陆 npm帐号 快速跳转：npm官网地址 查看/切换npm地址 // 切换 npm config set registry https://registry.npmjs.org 切换后没有任何效果，需查看当前npm地址 // 查看 npm config get registry 当前npm显示为图中地址，表示切换成功。 如果你的地址本身就是这个，忽略这步骤 本地登陆 // 登陆 npm login 登陆时会出现图片上的内容，此时要注意登陆的npm地址。 如果你的npm地址和我的一样，是
pnpm包管理工具的使用
weixin_43845137的博客
03-01 683
目录pnpm包管理工具的使用 pnpm包管理工具的使用 安装： npm i -g pnpm 使用：pnpm install pnpm i pnpm i axios -D // 开发依赖（辅助） pnpm i axios -S // 运行依赖（发布) pnpm i XXX -g 全局 pnpm remove 包 || pnpm remove 包 --global （普通||全局） pnpm up //更新所有依赖项 + 作用：就是解决node_modules的问题 - 0
vue3+vite+ts 发布、更新自定义组件到npm
FenceRain的博客
11-17 1973
1、根目录下创建packages目录作为组件的开发包，目录下的index.ts文件作为整个组件库的出口文件，导出组件。2、编写组件，创建packages/Button目录，在该目录下创建Button.vue和index.ts文件。1、需要先在npm官网注册自己的npm账户，链接：https://www.npmjs.com/5、上传包，没有报错就是上传成功了，可以登录npm查看到自己的包。3、如果样式没有加载就在main.ts中导入组件的样式文件。2、查询是否已存在包名，可以在npm官网查，也可以使用。
koa2 mysql项目教程_手把手带你koa2搭建项目
05-22
好的，下面是手把手带你搭建koa2 mysql项目的教程。 1. 安装Node.js和npm 首先需要安装Node.js和npm，可以在官网下载安装包进行安装。 2. 初始化项目 在命令行中进入项目目录，运行以下命令初始化项目： ``` npm ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值