关于npm 发布包的一个完整流程

最新推荐文章于 2025-06-11 21:42:08 发布

after you

最新推荐文章于 2025-06-11 21:42:08 发布

阅读量218

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/gwdgwd123/article/details/88733940

本文介绍了npm包的发布流程，包括使用npm init填写项目信息，通过npm login或npm adduser登录，配置官方镜像后用npm publish发布。还提到撤回已发布包的命令，以及发布过程中可能遇到的报错，指出删除.npmrc文件可解决问题，使包顺利发布。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

npm init

填写项目信息

当然如果是现有的进行改造也行

发布的时候其实就简单的几个命令就可以了

npm login

登录你的npm

或者使用 npm adduser 填写登录信息

npm config set registry https://registry.npmjs.org

镜像配置成官方镜像

npm publish 发布我们的包

如果想撤回删除某一个发布的包我们可以使用下面的命令

npm unpublish guozimoweidong --force guozimoweidong 为包名字即可删除了

但是在发布过程中可能会失败

比如下面的报错

重置了npm 镜像依然不行可能是因为我们项目包中有一个文件大家一定要注意

这个文件叫.npmrc文件大家把这个文件删除掉然后重新运行命令输入用户名就可以了问题解决可以顺利发布npm 包了哈

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

after you

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

从0到1教你如何发布自己的NPM包

web_bian的博客

06-15

3145

npm init此时会根据你所填信息自动生成 package.json 的配置文件，这里主要包含了项目名称、版本号、作者、许可证等信息，同时可以记录项目的依赖信息以及自定义的脚本生成package.json文件nameversion1.0.0typemodulemaintypesfilesdistscriptsbuildrollup -ckeywordsauthorlicenseISC。

npm包发布流程

qq_39442804的博客

01-17

567

1.npm 是什么 npm是Node官方提供的包管理工具，它已经成了Node包的标准发布平台，用于Node包的发布、传播、依赖控制。npm提供了命令行工具，使你可以方便地下载、安装、升级、删除包，也可以让你作为开发者发布并维护包。 2.安装npm npm 不需要单独安装，在安装Node的时候，会连带一起安装npm。但是，Node附带的npm可能不是最新的版本，可以用以下命令...

参与评论您还未登录，请先登录后发表或查看评论

发布npm包流程

jieyucx的博客

07-24

1492

如果是第一次发布，可能会让你输入一次性验证码，会给你的邮箱发个邮件，点进邮箱查看，根据提示输入即可。：发布npm包需要准备好npm账号，编写代码和文档，上传代码并确认包名称、版本和许可证，最后通过npm install命令安装测试。命令创建一个新的npm包，按照提示填写包的信息，如包名称、版本、描述、作者、许可证等。确认你的包名称没有被占用，也不要使用npm保留名称。你现在可以分享你的包了，其他人只需要在终端中使用。确认你的包的版本是合理的，通常采用语义化版本。在上传包之前，在你的代码中删除任何敏感信息。

图文结合简单易学的 npm 包的发布流程

2401_83384536的博客

07-18

1935

nrm 用于管理镜像，是一个可以切换npm镜像的管理工具。nrm -V复制代码常用nrm命令如下：想了解更多关于nrm[3]的内容请查看文档和资料[4]。下图是使用nrm ls命令查看镜像：下图是将镜像切换为npm复制代码这里简单介绍一下major | minor | patch 的区别：在package.json中有一个version字段，结构为 "x.y.z" ，也就是三位的版本号。分别对应 version里面的major、minor，patch。

如何发布自己的npm包？从零到一完整指南

最新发布

小白菜的博客

06-11

1221

npm（Node Package Manager）是JavaScript生态中最常用的包管理工具，全球开发者通过npm共享了超过200万+开源模块。新手发布npm包的完整流程（注册→开发→测试→发布→更新）关键配置文件（package.json）的核心字段解析版本号规则（SemVer）的实际应用常见问题（如权限错误、版本冲突）的解决方案先理解npm包的核心概念（package.json、SemVer）再通过一个“字符串反转工具包”案例，演示从0到1的发布流程。

发布NPM包详细流程

qq_45799465的博客

08-01

714

首先需要制作一个npm包。按照以下步骤依次执行。相信这一步不需要过多的解释，就是创建了一个文件夹，然后初始化了一下文件夹。然后在生成的package.json文件夹中更改一下自己的配置，例如包名、版本、描述等。然后创建src文件夹，在对应的地方写下你自己的函数即可。

教你30秒发布一个TypeScript包到NPM的方法步骤

10-16

### 如何在30秒内将TypeScript包发布到NPM #### 一、概述在现代前端开发中，TypeScript作为一种强大的静态类型语言，因其能够提供更好的代码质量和可维护性而受到广泛欢迎。将TypeScript编写的库或工具包发布到...

npm基于vite制作自己的npm包+ts超详细

07-28

我们将详细分析每个组件的作用，以及如何将它们组合在一起构建一个完整的npm包。 1. **Vue3**：Vue3是Vue.js框架的最新迭代，带来了性能提升、更简洁的API和更好的树-shaking支持。在本项目中，Vue3提供了组件化...

自己写工具包发布到npm流程

qq_34507902的博客

07-28

387

把通用的功能开发成npm包，便用使用和维护，更重要的是可以分享给广大的开发者，是不是很激动人心！那么，步骤如下： 1.创建项目创建项目目录，npm init ，根据需要输入配置信息（建完后也可以在package.json中自行修改） npm init 控制台如图: 生成一个package.json文件如图: 配置项 name: 说明了npm包的名称，也就是publish后可以在npmjs中通过该名称搜索到 version：版本号 main：入口文件 2.创建ind.

如何发布自己的NPM包详细步骤

接着奏乐接着舞的博客

08-19

3446

在前端开发中，将自己编写的 Vue 组件或插件打包并发布到 NPM 上，不仅可以方便自己在其他项目中复用，还能分享给更多的开发者使用。本文将从 NPM 注册、登录与发布流程，及如何通过 Vue CLI 打包插件的角度详细介绍如何发布 Vue 插件。通过以上步骤，你可以成功将 Vue 组件打包并发布到 NPM 上。本文详细介绍了从 NPM 注册、登录、发布，到通过 Vue CLI 配置和打包插件的完整流程。希望通过这篇文章，你能够更好地理解 Vue 插件的发布流程，并能够在实际项目中灵活应用。

如何发布自己的npm包

似水流年QC的博客

03-13

1643

npm是随同nodejs一起安装的javascript包管理工具，能解决nodejs代码部署上的很多问题，常见的使用场景有以下几种：①.允许用户从npm服务器下载别人编写的第三方包到本地使用。②.允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。③.允许用户将自己编写的包或命令行程序上传到npm服务器供别人使用。

关于如何在npm上发布一个自己的包流程：

03-20

595

关于如何在npm上发布一个自己的包流程：创建一个npm账号新建一个index.js function npmDemo(argument) { var name = 'finit'; var f1 =function f(arg){console.log(arg)} return { name:name, f1:f1 ...

Npm发布流程以及注意事项

我是Amo

01-19

451

Npm发布流程以及注意事项注意： Npm注册以及发布前确认源地址，要使用官方源。否则注册、发布失败 npm config set registry http://registry.npmjs.org 注册的npm账号一定要通过邮箱验证，否则发布失败发布模块的名称不可和已发布模块重名准备npm账号方式一：网站注册访问https://www.npmjs.com/并注册账号并通过邮箱验证账号（一定要验证账号）。方式二：npm注册在命令行中，输入npm adduser...

发布一个npm包的流程

一个慢的博客

01-09

1222

nodejs默认已经安装好了。。首先在npm官网注册一个账号。牢记username、password、mail。注册好后，打开终端输入以下命令，会提示你输入用户名密码邮箱 npm login 在本地创建一个文件夹 cd到该文件夹下面初始化一些基数配置信息 mkdir package-demo-zhen cd package-demo-zhen npm init -y 上面命令执行...

npm与Maven：前端与后端构建工具深度对比学习

球球不吃虾WHR2349博客

03-06

3605

本篇博客旨在通过对npm和Maven这两个在各自领域具有重大影响力的构建工具进行全面且深入的对比分析，帮助前端开发者理解如何有效利用npm来优化前端项目构建与依赖管理，同时让Java开发者了解Maven的核心价值及其实现机制。我们将从基础概念、核心功能、实际应用场景等多个维度展开讨论，揭示两者在依赖管理策略、构建流程设计、社区支持等方面的异同点，以便开发者能够在不同场景下灵活运用相应的工具，提高开发效率和项目质量。通过此番比较学习，我们期望能促进跨领域的知识交流，推动开发实践的创新与进步。

在Vue项目中使用snapshot测试

weixin_34018202的博客

12-29

584

在Vue项目中使用snapshot测试 snapshot介绍 snapshot测试又称快照测试，可以直观地反映出组件UI是否发生了未预见到的变化。snapshot如字面上所示，直观描述出组件的样子。通过对比前后的快照，可以很快找出UI的变化之处。第一次运行快照测试时会生成一个快照文件。之后每次执行测试的时候，会生成一个快照，然后对比最初生成的快照文件，如果没有发生改变，则通过测试。否则测试不通过...

个人开发包发布全流程：从npm init到npm publish

- 初始化一个新项目时，创建一个`package.json`文件，这是npm项目的配置文件，包含了包的基本信息如名称、版本等。 2. **发布流程**： - 使用`npminit`命令初始化项目，并填写必要的信息，如包名、版本号、描述等...