包管理工具--》发布一个自己的npm包

从零开始创建自己的npm组件/包(使用react)并发布到npm 从零开始创建自己的npm组件/包(使用react)并发布到npm,不算专业文章科班教学,也不算三流野路子瞎说八道.也许介于专业与业余之间,是一个非常好的状态.从概率上讲,也许你看到这篇文章的时候已经搜过了很多,都失败了.但你想过失败的原因吗?我想别人不是故意而为误导你 阅读详情

包管理工具系列文章目录

一、包管理工具--》npm的配置及使用(一)

二、包管理工具--》npm的配置及使用(二)

 三、包管理工具--》发布一个自己的npm包

四、包管理工具--》yarn的配置及使用

五、包管理工具--》其他包管理器之cnpm、pnpm、nvm

目录

🌟准备工作

1.使用官方镜像源

2.到npm官网注册一个账号,并完成邮箱认证

3.本地使用 npm cli 进行登录

4.创建工程根目录

5.使用npm init进行初始化

🌟发布

1.开发

2.确定版本

3.使用命令npm publish完成发布

4.使用自己的包

🌟写在最后


🌟准备工作

1.使用官方镜像源

查看当前配置的镜像源:

npm config get registry

如果是使用的其他源,请改回官方源

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

2.到npm官网注册一个账号,并完成邮箱认证

官网可视化注册:

命令行注册

使用命令 npm adduser 

依次输入Username、Password、Email完成注册

3.本地使用 npm cli 进行登录

使用命令npm login登录

使用命令npm whoami查看当前登录的账号

使用命令npm logout注销

4.创建工程根目录

根文件夹名一般就用包名,命名的话先去npm官网搜一下,搜不到的话就可以用来命名自己的包

5.使用npm init进行初始化

需要填写内容如下: 

1.package name: (npm)

 包名:

2.version: (1.0.0)

 版本号(回车默认1.0.0版本号)
3.description: 

 包的描述
4.entry point: (index.js)

入口文件(回车默认index.js文件)
5.test command:

 测试命令(可跳过)
6.git repository:

GitHub地址(可跳过)
7.keywords: ghmin

搜索关键字
8.author: ghmin <208700105@qq.com>

作者

9.license: (ISC)

开源协议

 上面第9条开源协议类型大致如下:

我们这里就使用MIT协议 ,这个网站可以查看各种协议就具体协议内容Appendix | Choose a Licenseicon-default.png?t=N7T8https://choosealicense.com/appendix/

 既然选择了开源协议,那通常会在项目中加上协议内容,在项目根目录新建文件LICENSE,文件名固定,然后进入上面网址,找到MIT协议:

将协议内容复制到项目LICENSE文件,并修改许可年限及作者(公司)
MIT License

Copyright (c) 2023-2099 ghmin

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

🌟发布

1.开发

这里就简单导出一个函数测试

2.确定版本

检查包信息,如版本号等,也就是检查package.json文件

3.使用命令npm publish完成发布

发布成功后就可以去npm官网搜索,可以看到已经有刚刚发布的包啦 

4.使用自己的包

新建一个文件,下载刚刚发布的ghmin-test包,并使用如下

这样一来就有了一个自己发布的包啦,接下来就可以退出登录,把镜像改回淘宝镜像喽。

🌟写在最后

包管理工具--》栏目将详细讲解前端包管理器,包括npm,yarn,及其他包管理器,如果文中出现有瑕疵的地方各位通过评论或者私信联系我,我们一起进步,有兴趣的伙伴可以关注订阅一下:点击查看更多实用技巧与知识

npm发布自己的组件UI包(详细步骤,图文并茂) 目前做前端项目,一直采用的方式去引用别人的组件包,调用方法。其实在开发中,每个开发者基本都写过单独的组件,如何让自己的组件能够重复的利用,如何让别人也享受到您的成果,这里将一步一步地介绍如何通过npm来发布组件包。 阅读详情

相关推荐

【前端基础知识】如何发布一个 npm 包?

【前端基础知识】如何发布一个 npm 包?(官网+私有)

Dai的博客 2869

如何发布自己的npm包

在项目开发过程中,我们经常会用到一些工具函数,使用很是频繁,但是呢,我们又不想使用loadash这种比较重的库函数,这时候我们就可以封装一个自己的函数库,包含了我们频繁使用的工具函数,函数封装好,那么怎么去上传到npm上呢?今天我们来上传一个工具函数库为例,详细说下npm发布包的流程。

富朝阳的博客 8152

手把手教你用Proteus仿真51单片机抢答器:倒计时+蜂鸣器报警完整项目

本文详细介绍了使用Proteus软件仿真51单片机智能抢答器的完整项目流程。通过系统架构设计、核心元件选型(如74LS30用于按键中断编码),结合状态机编程,实现了带可调倒计时、数码管显示和蜂鸣器报警的八路抢答器功能。项目涵盖了从原理图绘制到代码调试的全过程,是学习嵌入式系统开发的绝佳实践。

tcp8optimizer的博客 263

如何发布一个 npm 包

npm(node package manager)作为 Node.js 的包管理工具,让世界各地的 JavaScript 开发者方便复用、分享代码以及造轮子;本文将介绍如何发布一个 npm 包,以及使用工具来自动化管理发布 npm 包;准备 npm 账号 & 示例包代码;初始化 & 配置 package.json 文件;确定发布的包版本;发布 npm 包;使用 cli 工具 release-it 来自动管理版本、发布包等;学习 npm init release-it 原理。

BASK2312的博客 7867

【pprof】简要学习教程

基本介绍 pprof 是在做性能优化前的性能分析工具。 安装: go get -u github.com/google/pprof 分析工具 go tool pprof 是命令行指令,用于分析 Profiling 数据,源数据可以是 http 地址,也可以是已经 dump 下当 profile 文件;查看模式可以命令行交互模式,也可以是浏览器模式(-http 参数)。 两种应用 服务型应用 _ "net/http/pprof" 包,专用于采集 web 服务 运行数据的分析。即在运行的服务中通过 API .

码农印象 885

自适应动态规划硕士博士论文学习

强化学习关注随机过程中的序贯决策问题,而自适应动态规划关注动态系统的控制问题。吸引域:系统渐近稳定的区域。

DarlingLSA的博客 1425

自定义npm包并发布(本地包)

1. 在【自定义本地包】目录中,创建一个包文件夹 npm_publish_ceshi 自定义本地包 ----node_modules --------npm_publish_ceshi 2. 在包文件夹 npm_publish_ceshi 的根目录下,初始化一个package.json文件(npm init -y) 自定义本地包 ----node_modules --------npm_publish_ceshi ------------package.json // 根据包信息配置package.json

Upward Force的博客 2812

遥感大模型的深度学习从CNN到Vision Transformer以及混合架构的演进之路

深度学习,特别是以卷积神经网络(CNN)和Transformer为代表的“大模型”技术,正以其强大的表征学习能力,深刻地重塑着遥感智能解译的整个技术栈与认知范式。本文将系统性地梳理遥感大模型从局部卷积的奠基,到全局注意力的革命,再到二者融合的混合架构演进这一波澜壮阔的历程。我们将深入剖析每个阶段的核心技术原理,结合遥感数据特性与实际应用案例,详细阐述其在分类、检测、分割等核心任务中的具体应用。

panshengwu的博客 1142

如何搭建一个本地/自己服务器私有的管理npm包的仓库

Verdaccio简介 Verdaccio 是一个开源轻量的用来做 npm 私服的包(基于 Node.js 创建的) 用任何包管理工具,比如yarn,npm使用 verdaccio 是很简单的。 推荐使用 nrm 来管理npm的源Verdaccio 的官网:https://verdaccio.org/ Verdaccio NPM: https://www.npmjs.com/package/verdaccio安装环境 最低要求 Node.js V10.X 以上 Npm 5.x 以上 浏览器 Chrome,

weixin_54000091的博客 2282

一文读懂 MAVLink、PPM、SBUS:无人机通信协议的工作原理与适用场景

本文系统对比无人机领域三大核心通信协议:MAVLink作为全链路数据协议,支持飞控与地面站的双向通信,适合航拍测绘等专业场景;SBUS是数字化的高效控制协议,具备16通道、抗干扰特性,成为中高端设备标配;PPM作为传统模拟协议,成本低廉但性能有限,适合入门级应用。文章深入解析各协议的工作原理、帧结构、适用场景及调试技巧,指出MAVLink侧重状态监控、SBUS/PPM专注控制指令的互补关系,并给出新手选型建议:入门选PPM,进阶用SBUS,开发必备M

bother3000的博客 7127

【电子通识】TINA-TI怎么使用受控源向导创建受控源

TINA-TI怎么使用受控源向导创建受控源

一点硬件 358

NPM 包使用及发包过程

NPM包使用及发包过程

秋天,黄叶坠地,凉风有信。 869

5、数据库基础概念与数据建模全解析

本文深入解析了数据库的基础概念,包括函数依赖、决定因素和多值依赖等关键依赖关系,同时探讨了数据建模的重要方法论,如IDEF1X、信息工程和陈方法。此外,还介绍了SQL Server管理工作室的图表功能,帮助用户进行数据库的可视化设计。通过本文,读者将掌握数据库设计的核心知识,为构建高效、可扩展的数据库系统奠定基础。

81

npm 模块管理器入门

什么是npm npm 是Node官方提供的包管理工具,他已经成了Node 包的标准发布平台,用于Node包的发布、传播、依赖控制 npm 提供了命令行工具,使你可以方便下载、安装、升级、删除包,也可以让你作为开发者发布并维护包 为什么使用 npm npm 是 Node 一起安装的包管理工具,能解决 Node 代码部署上的很多问题,常见的场景有以下几种 允许用户从 npm 服务器下载别人编写...

weixin_44893266的博客 212

从零开始讲DDR(8)——AXI 接口MIG 使用(1)

我们简单拆解了MIG AXI接口中测试文件的整体框架,首先在sim_tb_top.sv文件中例化了DDR模型和example_top。在example_top中,又例化了MIG IP和一个流量产生器ddr4_v2_2_8_axi_tg_top。在ddr4_v2_2_8_axi_tg_top中的主要功能是分别例化了boot_mode_gen,prbs_mode_gen,custom_mode_gen和axi_opcode_gen。

apple_53311083的博客 1592

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

NPM是什么、为什么使用、实现思路以及安装方法

NPM 1.NPM是什么 npm是使用JS(运行在Node.js)写出的,全称是Node Package Manager。 npm 是 Node.js 官方提供的包管理工具,他已经成了 Node.js 包的标准发布平台,用于 Node.js 包的发布、传播、依赖控制。npm 提供了命令行工具,使你可以方便地下载、安装、升级、删除包,也可以让你作为开发者发布并维护包。 2.为什么使用NPM ​ npm是跟随Node.js一起安装的包管理工具,解决Node.js代码部署上的多种问题,常见的场景 允

qq_45829293的博客 3875

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

npm、nvm、npx、nrm的区别

npm、nvm、npx、nrm的区别 npm:npm是node自带的包管理工具,负责对依赖包进行下载,同时也可以发布自己的包 nvm:nvm是node的版本管理工具,可以使用nvm动态切换node版本 nrm:nrm是npm的源管理工具,可以使用该工具对npm进行换源,例如npm官方源的包下载速度较慢,可以切换成淘宝镜像 npx:npx是npm5.2版本后发布的一个新的命令,使用npx命令时,会自动进入node_modules/.bin目录中查找其中的命令,例如 npx http-server,会进入nod

qq_40434213的博客 1223

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

node、npm、cnpm、yarn介绍和使用

Node.js以.js结尾,听起来像是个js库,实际并不是,它是一个运行环境。Node.js,简称Node。发布于2009年5月,作者Ryan Dahl,使用C++开发,是一个基于Chrome V8引擎的JavaScript运行环境(runtime),使用事件驱动、非阻塞式I/O模型。

无数_Mirage的博客 6116

Node.js NPM 介绍

章节Node.js NPM 介绍 Node.js NPM 作用 Node.js NPM 包(Package) Node.js NPM 管理包 Node.js NPM Package.json NPM是Node Package Manager的缩写,意思是Node包管理器。 NPM是Node.js的默认包管理器,完全用JavaScript编写。它由Isaac Z. Schlueter...

abcd4491的博客 244

npm

npm Node Package Manager node包管理器 NPM 的思路大概是这样的: 买个服务器作为代码仓库(registry),在里面放所有需要被共享的代码 发邮件通知 jQuery、Bootstrap、Underscore 作者使用 npm publish 把代码提交到 registry 上,分别取名 jquery、bootstrap 和 underscore(注意大小写) 社区里的其他人如果想使用这些代码,就把 jquery、bootstrap 和 underscore 写到

weixin_43999341的博客 246

webpack npm node之间关系?

webpack的核心作用 模块化开发中,我们会编写大量模块,如果不打包就上线,那么页面加载或交互时,将会发起大量请求。为了性能优化,需要使用webpack这样的打包器对模块进行打包整合,以减少请求数。就像简单的vue项目,所有组件最终都将被打包到一个app.js中。 相较于无差别打包依赖模块的传统打包器,webpack的核心优势在于它从入口文件出发,递归构建依赖关系图。通过这样的依赖梳理,webpack打包出的bundle不会包含重复或未使用的模块,实现了按需打包,极大的减少了冗余。

weixin_44914404的博客 284

nodejs/npm/yarn/vue/webpack概念介绍

什么是nodejs https://zhuanlan.zhihu.com/p/47822968 是C++ 开发的 是一个基于 Chrome V8 引擎的 Javascript 运行环境 原本js只能在浏览器中执行,有了nodejs,js可以直接在服务器运行,相当于一个js代码的解释器。 方便使用js来开发服务器程序,也打开了前端程序员走向后端开发的路径 什么是npm https://www.npmjs.com/ 有了nodejs的运行环境以后,更多的开发者开发了服务器运行的程序包,npm作为一个包

weixin_40437029的博客 319

如何发布npm包

npm(Node Package Manager)是Node.js的包管理器,用于安装、卸载、更新、查看、搜索和发布Node.js包(modules)和软件。npm基于开源的JavaScript运行时Node.js,提供了一个全球最大的开源包管理平台,帮助开发者轻松管理项目的依赖关系。安装包:通过npm install命令,可以安装指定版本的包或者全局安装。安装的包可以放在项目的node_modules文件夹中,也可以作为全局安装使用。卸载包:通过npm uninstall命令,可以卸载指定版本的包。

日常笔记/总结/系列知识梳理 2010

了解npm:JavaScript包管理工具

npm是Node.js的包管理器,也是前端开发不可或缺的一部分。它提供了丰富的包资源、便捷的包管理以及强大的社区支持。通过了解npm的基本概念、安装与使用、包管理、脚本执行以及常见问题及解决方案,你可以更好地利用npm来提高前端开发的效率和灵活性。无论你是初学者还是经验丰富的开发者,npm都是你不可或缺的工具之一。

huaqianzkh的专栏 1631

Node JS 模块:NPM 发布 |发布 NPM 包

NPM 或 Node Package Manager 是世界上最大的软件存储库,它使开发人员能够发布他们的包并使用其他人发布的包。包允许您向应用程序添加一些常用功能。如果您正在考虑向 Node 应用程序添加任何通用功能,那么很可能已经存在用于它的 NPM 包。在本文中,我们将了解 NPM 是什么,创建一个包并使用 npm publish 命令发布 NPM 包。一个包可能包含一个或多个模块,它可以帮助我们向 Node 项目添加一些功能。包管理器用于管理所有项目依赖项。

新华编程特战队 3535

如何发布一个npm包

如何发布一个自己写的npm包

weixin_45032067的博客 8442
上一篇: 包管理工具--》yarn的配置及使用
下一篇: 包管理工具--》其他包管理器之cnpm、pnpm、nvm
琢鸣
琢鸣 新星创作者: 前端开发技术领域 新星创作者: 前端开发技术领域
博客等级 码龄7年 9626粉丝 53原创
评论 10
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

琢鸣

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值