自制npm包上传到npm平台

最新推荐文章于 2024-05-21 15:41:30 发布
最新推荐文章于 2024-05-21 15:41:30 发布
阅读量171 收藏
点赞数
分类专栏： npm 文章标签： npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32209081/article/details/116456219
版权 
	在项目中有很多需要修改的npm包源码， 我们可以把修改后的的源码打包上传到npm平台上方便使用。
	重要： 包名称和版本号必填 且不能和平台上已有的包名重复

包名称和版本号的文件
在这里插入图片描述
然后终端进行npm 登录，(如果你以前使用过npm淘宝镜像的下载链接，这个时候要将下载链接设置回来)
然后 npm login ，输入你注册npm的时候的用户名、密码和邮箱。

npm login

在这里插入图片描述
登录成功后 输入命令 npm publish 进行上传到npm 平台

 npm publish

在这里插入图片描述
如果报错 请查看包名和版本号 。npm包 平台成功之后的展示
在这里插入图片描述

程序开发猿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义Vue组件打包、发布到npm及使用教程
10-16
主要介绍了自定义Vue组件打包、发布到npm及使用教程 ,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
发布自己的npm包并使用
09-19
4. 发布包：在项目根目录下，运行`npm publish`命令，系统会将你的项目上传到npm仓库。发布成功后，可以在npm官网搜索你的包。 三、使用发布的npm包 1. 安装包：在另一个Node.js项目中，使用`npm install <你的包...
一篇文章教会你如何在npm上传自己的包
蛋蛋老公的博客
05-24 4786
1、官网注册 首先要在npm官网注册自己的npm账户，链接：https://www.npmjs.com/ 注：由于是国外的网站，特别特别慢。不要灰心 2、查询是否存在包名 要查看npm官网中是否已有自己准备上传的包名，打开cmd。执行命令 指令：npm view 【你的npm包名】 注：包名上传时会自动转小写，所以你还是用小写的名称吧 如果出现如下图。则表示包名已存在，建议换个其他包名 如果出现以下界面，则表示输入的包名可用。 3、初始化项目 指令： npm init -y 注：文件夹名称一定不能有中文
三分钟教你如何上传自己的npm包
行胜于言，行动胜于空想
07-10 946
如何发布自己的npm包
npm 上传包
最新发布
一切都不太晚
05-21 408
1. 切换镜像（只能通过官网代理来上传）2. 添加用户（等价登录）将自己做好的包做好后上传。
npm 上传发布自定义组件以及使用详细流程(Vue包含)
卡尔特斯
10-13 9806
Vue 自定义全局UI组件Vue 全局导入 JS 文件npm 删除(废弃)发布包或版本前端开发经常需要使用到 npm 安装第三方库，那么如何将自己写的库上传到 npm 进行使用呢？如果在项目中使用到依赖包，可以先了解一下npm 命令使用介绍以及区别，里面有对安装依赖包的详细介绍UI。
【NPM】npm 上传自己的包，更新自己发布的包
leo的博客
06-20 979
npm上传自己的包，更新自己发布的包
如何发布自己的npm包
qq_49080170的博客
08-04 3938
发布npm包
详解离线安装npm包的几种方法
10-17
3. 将包含完整依赖的包复制到离线服务器上，并在该服务器上执行`npm link`： ``` $ cd pm2 $ npm link ``` 这种方法的优点是操作简便，但缺点在于它会安装包括`dependencies`和`devDependencies`在内的所有依赖...
微信小程序使用npm包的方法步骤
10-16
主要介绍了微信小程序使用npm包的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
从零使用TypeScript开发项目打包发布到npm
11-21
前言 typescript作为未来前端开发的主流框架，在前端开发的...也可以npm init -y 这个是使用的默认的配置，我个人使用的是npm init 设置配置项 package name: (ming-npm-package) version: (1.0.0) description: use
如何在npm官网中上传自己的包
A_Common_Man的博客
04-28 3807
npm包上传官网的步骤，遇到的bug，以及一些有关npm包的操作
如何上传自己的npm包
qq_45585640的博客
11-09 922
npm是什么？npm是JavaScript软件包管理器，它允许开发人员在项目中方便地安装、发布和共享代码库。可以将其视为一个类似于应用商店的工具，可以帮助开发人员快速地找到、安装和更新他们需要的代码库。
npm上传自己的包，更新自己发布的包
weixin_44370837的博客
05-23 2137
大家好，我是小梅，公众号：「小梅的前端之路」 原创作者。 作为在前端领域不断探索的一员，在此记录开发中遇到的问题，如果你也遇到了相同的问题，希望本文对你有帮助。 前提：本文涉及的命令都是在要发布的包的根目录下执行的，在编辑器的终端或者cmd终端执行效果都是一样的。 问题一：上传自己的包到npm 1、注册npm账号，并且完成邮箱验证。已有的用户可以跳过这一步，点击npm进行注册 2、进行包信息的初始化，输入npm init，根据提示输入对应的内容，此时，目录下会出现一个package.json文..
将包上传到 npm
qq_45030898的博客
12-19 889
将包上传到 npm
如何发布自己的npm包，详细流程
m0_66194642的博客
01-26 575
以上是发布自己的npm包的具体流程，供您参考。请注意，发布npm包需要遵守npm的规范和要求，确保包的名称、描述、版本等信息符合规范，并且包的代码质量要高，没有语法错误和逻辑错误。创建模块代码文件：在项目文件夹中创建一个JavaScript文件，编写自己的模块代码。7. 查看发布结果：访问npm官网，在搜索框中输入自己发布的包的名称，检查是否能够搜索到并查看包的详细信息。命令，按照提示输入NPM账号、密码和邮箱，注册一个NPM仓库账号。创建npm账号：打开浏览器，访问npm官网，注册一个npm账号。
NPM——前端包管理工具
ALin_Think的博客
04-05 585
NPM 一、简介 1、什么是NPM NPM全称Node Package Manager，是Node.js包管理工具，是全球最大的模块生态系统，里面所有的模块都是开源免费的；也是Node.js的包管理工具，相当于前端的Maven 。 2、NPM工具的安装位置 我们通过npm 可以很方便地下载js库，管理前端工程。 Node.js默认安装的npm包和工具的位置：Node.js目录\node_modul...
npm是什么？是干什么的？
hhb442的博客
03-27 478
npm是什么？是干什么的？ 写在前面：本人在学习各种技术的过程中发现都会遇到一个名叫“npm”的东东，本着知其然也要知其所以然的精神，我找到了一篇相关文章。它很好的告诉了我什么是npm，现在把它拿出来，意在分享给其他像我一样的小白们。 社区 程序员自古以来就有社区文化： 社区的意思是：拥有共同职业或兴趣的人们，自发组织在一起，通过分享信息和资源进行合作。虚拟社区的参与者经常会在线讨论相关话题，或访问某些网站。 前端程序员也有社区，世界上最大的前端社区应该就是 GitHub 了。前端通过 GitHub 来
vue3+vite+ts 发布、更新自定义组件到npm
FenceRain的博客
11-17 2083
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官网查，也可以使用。
怎么用脚本上传npm包到nexus
06-13
您可以按照以下步骤使用脚本上传npm包到nexus： 1. 安装npm包 "nexus-cli"，命令为：npm install -g nexus-cli 2. 编写一个上传脚本，例如 "upload.sh"，并添加权限，命令为：chmod +x upload.sh 3. 在脚本中使用以下命令上传npm包： ``` nexus-cli login -a http://nexus-url -u username -p password nexus-cli raw upload -r npm-repo -s ./path/to/npm/package.tgz -t package.tgz ``` 其中，"nexus-url"是nexus的URL地址，"npm-repo"是nexus中的npm仓库名称，"username"和"password"是nexus的登录凭证，"./path/to/npm/package.tgz"是npm包的本地路径，"package.tgz"是上传后的包名。 4. 运行上传脚本，命令为：./upload.sh 这样就可以使用脚本上传npm包到nexus了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值