还没有开始用自己的npm包吗,简单几步就搞定了
liuian 2025-01-05 18:41 69 浏览
准备工作
npm是一个辅助前端开发的包管理工具。主要设计到两个概念package和module,可以这样理解,一个JavaScript软件,从本地发布到npm仓库时是package,从npm仓库下载到本地时就变成了module。如果要发布自己的包到npm,我们需要注册npm账户。在npm上注册一个账号是很简单的,需要填一下用户名密码邮箱,然后会收到一封邮件,进邮箱验证邮件的真实性。否则发布会报错。
创建包
创建package.json文件
新建一个wave-test文件夹,在文件夹中执行npm init,按照提示一步一步继续就可以了,最后在文件夹生成一个package.json文件,如果该文件夹是一个git仓库,它会提示一步步填上对应的repository相关的地址,这个将来发布到npm上的时候会在相应的页面上显示。
{
"name": "wave-test",
"version": "0.0.1",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
},
"keywords": [],
"author": "wavesnow",
"license": "MIT"
}
创建一个入口文件index.js
我们按照默认的创建一个index.js文件,写一个测试方法getRandomNumber。
(function () {
'use strict';
function getRandomNumber() {
var random = Math.floor(Math.random() * 100);
if (random >= 100)
throw new Error("Error");
return random;
}
exports.getRandomNumber = getRandomNumber;
}());
创建README.md文件
这个文件将来也会将内容显示到发布的npm包所在的页面,用来帮助用户理解说明你发布的包。
发布包
不带命名空间的包
有了上面三个个文件,我们就可以发布npm包了。依次执行下面几个命令,登陆后还需要输入密码及发布用的邮箱,该邮箱会公开。
## 登陆
npm login
## 发布
npm publish
带命名空间的包
如果想发布带命名空间的包,有scope的,那首先应该先去npm网站创建一个组织,这个组织的名字就是一个scope,以发布open的scope为例,后面需要修改一下这个package.json文件,比如申请的scope是myscope,那上面的package文件需要将名字这块做一个修改,其他可以不用动。
{
"name": "@myscope/wave-test",
"version": "0.0.1",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
},
"keywords": [],
"author": "wavesnow",
"license": "MIT"
}
这种包发布的时候,需要加入一个参数--access public,发布私有scope的,访问限制私有的包npm需要收费。
npm publish --access public
使用
和其他包使用是一样的。现有一个测试工程。创建一个test-mypackage文件夹,安装我们的包
mkdir test-mypackage && cd test-mypackage
npm init -y
npm i wave-test
然后创建一个index.js文件,引入我们的包
let test = require('wave-test');
test.getRandomNumber();
运行index.js,
node index.js
更新
一个npm包发布之后,我们难免会修改一些bug,或者增改一些功能,这就涉及到对npm包的迭代。其中会涉及到到两个方面,内容的变更和版本的变更。npm采用语义化版本,共三位,以’.’隔开,从左至右依次代表:主版本(major)、次要版本(minor)、补丁版本(patch)。
## 变更版本号的命令
npm version <major | minor | patch>
比如我们执行命令:
npm version minor
package.json中的version变为0.1.1,然后执行发布命令就可以了。
项目中更新对这个包的引用,可以执行
npm up wave-test
废弃或删除
npm包发布后可以对包进行废弃或删除操作。废弃不会将包或版本从npm仓库删除,仍然可以继续下载安装,并在安装的时候会有警示。删除会将包从npm彻底删除,无法被下载安装。无论是废弃还是删除,都包含两个层面:
- 版本的废弃/删除,鼓励用户更新最新版本
- 包的废弃/删除,此包内容已经过时,没有了维护的价值
废弃
语法:npm deprecate <pkg>[@<version>] <message>,我们以wave-test为例:
## 废弃指定版本
npm deprecate wave-test@0.0.1 'deprecate reason'
## 废弃指定的包
npm deprecate wave-test 'deprecate reason'
执行后我们用npm view wave-test versions查看版本,记录的版本号并无变化。废弃的包除了安装时会有警示,并不影响使用。
删除
npm不鼓励任何形式的删除,主要因为我们发布的包可能已经被其他人引用,如果我们删除了此包,其他人在重新安装含有我们包的依赖的工程时,出现找不到包问题。
## 任意目录下删除包
npm unpublish wave-test --force
## 开发目录下删除当前版本
npm unpublish --force
- 上一篇:智能座舱的软件测试
- 下一篇:如何发个 npm 包?
相关推荐
- 免费下载360杀毒软件手机版(给我下载一个360杀毒软件)
-
360手机卫士苹果版来自奇虎360推出的一款iPhone手机管理软件,360手机卫士苹果版推为iOS用户提供专业、完善和高效的移动设备管理服务,360手机卫士手机版可以实现流量监控、电池管家、隐私空间...
- qq手机号未验证升级密保(qq手机号未验证就不能用了吗)
-
QQ更换密保手机可以选择通过密保问题进行验证,而不需要以前绑定的手机号码进行验证。更换QQ手机绑定号码的方法是1登录电脑QQ2选择工具-安全-安全中心首页3.选择右边更换密保手机选项4..点击更换密保...
- 开机蓝屏0x000000ed(开机蓝屏0x0000007b怎么解决)
-
停止代码0x000000ED蓝屏错误,通常称为“UNMOUNTABLE_BOOT_VOLUME”,表示计算机在尝试访问或加载操作系统时遇到问题。这通常是由硬盘驱动器或文件系统损坏引起的,也可能是由...
- ps软件在线使用(ps在线工具)
-
?选择工具是最基本的PS工具之一,具有对图层进行移动和对齐的功能,工具栏上是个亿带十字的箭头图标(区别于路径选择工具,后者是一个标准的箭头图标)。?在使用PS工具的时候,我们要注意鼠标状态的变...
- win7平板电脑(win7平板电脑好用吗)
-
方法一:平板模式只需在操作中心快速切换:1、点击右下角的操作中心图标,在弹出的窗口中点击“平板模式”实现开启或关闭;2、如此一来就能轻松实现平板模式和桌面模式的快速切换了。方法二:系统设置修改1...
- windowsxp是哪一年发布的(windowsxp是什么时候发布的)
-
WindowsXP是微软公司研发的计算机操作系统,于2001年10月25日正式发布。其名字中“XP”的意思来自英文中的“体验”(Experience)。[1][2]WindowsXP使用了Luna...
- win8没有无线网络连接(win8无线设备没有wifi)
-
当Win8.1的网络连接不可用时,您可以尝试以下几种方法来解决问题:1.检查物理连接:确保网络电缆正确连接到计算机和路由器/调制解调器。如果使用的是无线网络,请确保无线适配器已启用,并且与正确的网络...
-
- 手机系统重装教程(手机系统如何重装系统)
-
手机怎么重装系统?1首先我们是需要做好个人数据的备份的,只要做好联系人,文件夹,重要的软件和照片的备份,使用专业的备份软件就可以,我们找到设置然后找到云服务点击进去然后就会有一个云备份,再点进去有个立即备份。2第二个条件就是手机一定要有充足...
-
2026-01-09 04:55 liuian
-
- 笔记本触摸板没反应怎么办(笔记本电脑触摸板没反应怎么回事)
-
您可以尝试按下触摸板上方的Fn键加上触摸板功能键来恢复触摸板反应。如果这个方法不行的话,您可以尝试更换电脑驱动或进行一些基础维护来解决问题。触摸板没有反应可能是因为触摸板驱动或者硬件出现问题,还有可能是触摸板出现灰尘卡住,需要进行清理维护。...
-
2026-01-09 04:05 liuian
- gpt和mbr的区别哪个好(gpt和mbr性能有差距吗)
-
GPT格式相较于MBR格式有更多的优点。首先,GPT扩展了分区表的大小,支持更多的分区。其次,GPT支持更大的硬盘容量,能够管理超过2TB的硬盘。另外,GPT对于数据备份和恢复也更加方便,而且更加稳定...
- cmd清理垃圾命令代码(cmd清除垃圾命令)
-
1、首先“windows”键+“R”,当然不一定是大写,这里是为了突出2、其次,输入“cmd”,按下回车键或者点击上面的“确定”按钮3、进入控制台窗口之后,输入“cleanmgr”,按下回车键“ent...
- 一周热门
-
-
飞牛OS入门安装遇到问题,如何解决?
-
如何在 iPhone 和 Android 上恢复已删除的抖音消息
-
Boost高性能并发无锁队列指南:boost::lockfree::queue
-
大模型手册: 保姆级用CherryStudio知识库
-
用什么工具在Win中查看8G大的log文件?
-
如何在 Windows 10 或 11 上通过命令行安装 Node.js 和 NPM
-
威联通NAS安装阿里云盘WebDAV服务并添加到Infuse
-
Trae IDE 如何与 GitHub 无缝对接?
-
idea插件之maven search(工欲善其事,必先利其器)
-
如何修改图片拍摄日期?快速修改图片拍摄日期的6种方法
-
- 最近发表
- 标签列表
-
- python判断字典是否为空 (50)
- crontab每周一执行 (48)
- aes和des区别 (43)
- bash脚本和shell脚本的区别 (35)
- canvas库 (33)
- dataframe筛选满足条件的行 (35)
- gitlab日志 (33)
- lua xpcall (36)
- blob转json (33)
- python判断是否在列表中 (34)
- python html转pdf (36)
- 安装指定版本npm (37)
- idea搜索jar包内容 (33)
- css鼠标悬停出现隐藏的文字 (34)
- linux nacos启动命令 (33)
- gitlab 日志 (36)
- adb pull (37)
- python判断元素在不在列表里 (34)
- python 字典删除元素 (34)
- vscode切换git分支 (35)
- python bytes转16进制 (35)
- grep前后几行 (34)
- hashmap转list (35)
- c++ 字符串查找 (35)
- mysql刷新权限 (34)
