向npm中发布自己的包

已于 2022-06-06 21:14:39 修改
阅读量213 收藏
点赞数
分类专栏： 学习记录 JS 文章标签： npm 前端 node.js
于 2022-06-06 21:13:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38867012/article/details/125154310
版权

1.在npm官网上创建一个账户 https://www.npmjs.com/
2.在项目终端使用npm init命名初始化想要发布的包，一路回车或者设置自己想要修改的内容就行
3.在项目终端上使用npm login登录之前创建好的账户

出现“Logged in as ‘自己的用户名’ on npm” 即可

4. 使用npm publish发布自己的包，此时有几个注意事项

1. 在package.json中，将private设置为fasle，表示不是私有包


2.  初次publish可能会报错“ You do not have permission to publish "包的名称". Are you logged in as the correct user?”

这是因为当前发布的包和已存在的包重名了，所以需要自己去package.json中修改name属性
 

SFONE_CC
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
发布自己的npm包
程序媛小小平的博客
11-07 128
01 注册自己的npm账号 npm官网：https://www.npmjs.com 02 初始化发布的项目 新建一个文件夹：aliCloud ； 登录自己的npm账号 ； 初始化项目； 发布包到npm官网上（注意：每次发布包到官网上，比如做了某些修改等，package.json里面的version都要更新一个版本哦，不然会失败报错）； 查看最新的包的版本 查看所有包的版本； npm login...
搭建 npm 私服 指南
追梦&天空的博客
12-14 6659
文章目录搭建NPM私服1. 第一种方式：使用 sinopia 包2. 第二种方式：使用 verdaccio 包2.1. 在本地搭建2.1.1 启动2.1.2 添加用户2.1.3 发布自己的包2.1.4 安装自己的包2.2. 在远程服务器搭建参考 搭建NPM私服 本篇文章以第二种方式为主，因为截至目前 sinopia 包已经有5年未曾更新，可能已经不再维护了，而 verdaccio 的包目前还在维护和更新。 1. 第一种方式：使用 sinopia 包 sinopia 是一个可以快速搭建本地npm镜像的服务，安
与同事协作一起维护发布同一个npm包，报错You do not have permission to publish
weixin_44679078的博客
04-03 1392
问题 在公司中与同事一起共同维护发布一个npm包（不同的npm账号共同维护同一个npm包），当我npm publish下一个版本的时候，出现报错，内容如下 npm ERR! code E403 npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/npm包名 - You do not have permission to publish "npm包名". Are you logged in as the correct user? npm
如何在npm上发布自己的包
最新发布
ufrontend的博客
06-06 1242
需要使用webpack对组件或者模块进行打包，因为可复用库的模块化，需要适合在任何场景中进行引用，比如AMD/CMD、CommonJs、ES6、ES5等环境。下面我们只需要在webpack.config.js里添加libraryTarget配置，设为umd模式。注意：在生成package.json中，name的名称和项目的名称保持一至。从代码可以看出，webpack打包出来的文件是支持多场景的引用方式的。发布完成后，在自己的package里，会看到对应的包。注意：需要进入邮箱验证。输入用户名、密码、邮箱。
npm 发布包报错：You do not have permission to publish "XXX". Are you logged in as the correct user?
王佳斌
02-07 5551
问题 这是由于包名重复造成的原因，更换包名即可。 npm ERR! code E403 npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/mini-vm - You do not have permission to publish "mini-vm". Are you logged in as the correct user...
如何发布自己的npm包
油墨香^-^的博客
07-15 2587
介绍NPM是一个包管理器，为js开发人员提供可以在项目中使用的模块，以提高生产率。我使用流行的NPM软件包，如Lodash和DateFunctions，使我的开发工作流程更简单。使用NPM包很简单。您只需使用NPM安装包，将其导入，然后通过调用函数来调用模块。然而，并非所有可用的NPM包都能解决您的问题。有时，您必须编写自己的代码来解决问题。但是，如果另一个开发者遇到同样的问题呢？通过将您刚刚编写的代码转换为NPM包，可以帮助其他开发人员节省无数时间。...
如何发布自己的npm包（超详细步骤，博主都在用）
热门推荐
前端小丑
09-05 2万+
发布自己的npm超详细步骤 前沿： 从去年毕业，vue掌握的还算熟练应用了，做过的vue项目也有十几个了吧，每次做项目的时候，有些组件老是使用，拷贝来拷贝去的使用。我就想把这些组件封装到一起，以后做项目可以直接使用。一开始我不知道封装，在网上找资料学习，大部分的帖子都没有把封装包的方式和发包方式讲的详细，今天我特意自我总结分享发布自己的npm的步骤，让每个人都可以封装自己的包，当然我的方式只是封装包一种方式，至少可以封装正常npm下载使用（大佬有好的方式，勿喷！） 本人发布的简单包 创建项目 主要是
npm发布自己的插件包
04-04
更新npm发布包 修改版本号（版本号不能和上次发布的版本号重复，否则发布时会报错） npm version patch 更新发布 说明 命令 查看当前npm包的版本 npm version 修改npm包的版本为1.0.0 npm version 1.0.0 修改npm包的...
在NPM发布自己造的轮子的方法步骤
10-17
NPM 发布自己造的轮子的方法步骤 ...发布自己造的轮子到 NPM 需要了解 NPM 的基本使用方法，编写 `package.json` 文件，编写包的逻辑，并发布到 NPM 上。其他开发者可以使用自己的轮子，轻松地共享和重用代码。
发布自己的npm包并使用
09-19
本篇文章将深入讲解如何创建并发布自己的npm包，以及发布后如何在项目中使用。 一、创建npm包 1. 初始化项目：首先，你需要在本地创建一个新的项目目录，并通过`npm init`命令初始化一个npm项目。执行这个命令后，...
npm基于vite制作自己的npm包+ts超详细
07-28
在本项目中，npm用于安装依赖、发布和安装自定义播放器包。 5. **vue-video-xg**：虽然未在描述中明确提及，但可能是项目中使用的特定视频播放器组件。这可能是一个预封装的Vue组件，提供了视频播放、控制条和其他...
基于vue如何发布一个npm包的方法步骤
10-17
发布一个基于Vue的npm包需要遵循一系列步骤，包括创建项目结构、配置文件、编写代码、打包和发布。以下是一个详细的指南： ### 1. 初始化项目 首先，你需要创建一个新的空文件夹，例如`my-vue-npm-package`，然后...
一篇文章教会你如何在npm上传自己的包
蛋蛋老公的博客
05-24 4782
1、官网注册 首先要在npm官网注册自己的npm账户，链接：https://www.npmjs.com/ 注：由于是国外的网站，特别特别慢。不要灰心 2、查询是否存在包名 要查看npm官网中是否已有自己准备上传的包名，打开cmd。执行命令 指令：npm view 【你的npm包名】 注：包名上传时会自动转小写，所以你还是用小写的名称吧 如果出现如下图。则表示包名已存在，建议换个其他包名 如果出现以下界面，则表示输入的包名可用。 3、初始化项目 指令： npm init -y 注：文件夹名称一定不能有中文
在npm上发布一个自己的包
wcxrib的博客
01-26 1245
前端开发将自己编写的常用组件、工具模块、指令，常用api库、框架等代码，为了能够更好、更灵活的管理这些代码，上传到npm库是一个非常好的选择方式。
如何发布自己的npm包，这里给你详细的步骤
技术探秘者的博客
01-19 728
发布自己的npm包涉及一系列步骤，包括创建项目、编写代码、配置package.json、登录npm账户、发布包等。
如何发布私有npm包
DGogoing的博客
05-04 162
npm
如何发布自己的npm包如何在项目中使用自己发布的包
06-07
1. 在自己的项目中使用npm install命令安装自己发布的包。 2. 在代码中引入自己的包，例如：const myPackage = require('my-package')。 3. 使用自己的包提供的功能进行开发。 需要注意的是，发布的包名要尽量...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值