(转)前端开发-发布一个npm包之最简单易懂流程(代码片段)

枫叶布 枫叶布     2022-11-29     694

关键词:

1.npm官网创建npm账户

npm网站地址:https://www.npmjs.com/

npm网站注册地址:https://www.npmjs.com/signup

2.命令行工具登录npm

npm login

验证登录是否成功

npm who am i

3.创建npm库

npm init

按照提示输入相应内容:

以下为package.json内容:


  "name": "zgb_npm",
  "version": "1.0.0",
  "description": "it is a example npm",
  "main": "index.js",
  "scripts": 
    "test": "echo \\"Error: no test specified\\" && exit 1"
  ,
  "author": "zgb",
  "license": "ISC"

4.同级目录下新建index.js并编写内容

exports.sayHello=function()
    return "Hello,zhoudaozhang.";
;

到这里我们一个简单的npm包就创建完成了,接下来我们来发布npm包

5.发布npm包

npm publish

如果发布成功,则会提示:

6.验证是否发布成功

换一个目录,下载我们刚刚发布的npm包

说明刚刚已经发布成功了

7.版本更新

npm version <update_type> -m "<message>"

其中update_type 有三种:

patch增加一位补丁号(比如 1.1.1 -> 1.1.2)

minor增加一位小版本号(比如 1.1.1 -> 1.2.0)

major增加一位大版本号(比如 1.1.1 -> 2.0.0)

比如:

npm version patch -m "Version %s - v1.0.2"

最后提交更新的版本:

npm publish

8.舍弃某个版本的模块

npm deprecate my-thing@"< 1.0.2" "critical bug fixed in v1.0.2"

9.撤销自己发布的版本。这只是一个测试的包,最好当然还是撤销下来

//删除要用force强制删除。超过24小时就不能删除了。自己把握好时间。
npm --force unpublish zgb_npm

10.注意事项:

a.发布的时候用国内镜像会报错,我们应使用默认的:

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

b.npm包package.json中registory属性一定要填写,每次publish npm时package.json中version版本一定要大于上一次。

c.npm publish failed put 500  unexpected status code 401这样的报错信息,往往是没有登录成功,操作npm login

d.npm包的name是唯一的,如果有同名,发布时会报错

最后推荐一个网址:

http://javascript.ruanyifeng.com/nodejs/npm.html#toc19

2022最简单易懂的iosapp打包发布完整流程

创建appid标识符进入apple开发者中心点击Account点击Certificates,Identifiers&Profiles,创建AppIDS标识符,点击左侧菜单栏Identifiers,再点击+按钮。选择AppIDs,再点击Continue按钮再次确认填入和勾选的信息后,点击Register按钮(这里的id必... 查看详情

需要一个“yarn/npm link”工作流程来开发和发布“反应的多个副本”模块

】需要一个“yarn/npmlink”工作流程来开发和发布“反应的多个副本”模块【英文标题】:Needa"yarn/npmlink"workflowfordevandpublishingfor"multiplecopiesofreact"module【发布时间】:2018-05-0823:55:30【问题描述】:我正在构建一个模... 查看详情

构建一个前端自动化开发环境

一:NPM一:NPM(nodepackagemanager)  npm是node的包管理工具,主要对node包进行安装、更新、卸载、查看、搜索、发布等。二:NPM安装  有两种安装,一种本地安装,package下载到当前目录,只有当前目录可使用       ... 查看详情

学习抓包之如何用charles实现“刷楼”

...HTTP代理服务器,HTTP监视器,反转代理服务器.它允许一个开发者查看所有连接互联网的HTTP通信.这些包括Request,Response现HTTPHeaders (包含Cookies与Caching信息).Charles是一个简单的基于HTTP协议传输的调试工具,在开发和测试工作扮演... 查看详情

开发相互依赖的 npm 包的最佳工作流程

】开发相互依赖的npm包的最佳工作流程【英文标题】:Bestworkflowfordevelopingnpmpackagesthatdependoneachother【发布时间】:2016-12-1322:26:57【问题描述】:目前我们正在开发两个基于React的应用程序,例如app-a和app-b,它们有两个我们也管理... 查看详情

学习前端vue怎么样?

...vue提供了一个官方的CLI,我们就叫它为脚手架。它为现代前端工作流提供了batteries-included的构建设置,只需要几分钟的时间就可以运行起来并带有热重载、保存时lint校验,以及生产环境可用的构建版本。简单的说,就是我们使... 查看详情

求最短路径长度--简单易懂

求任意两个节点之间的最短路径长度(只给出路径长度,不能求出路过的节点): 傻子也能看懂的弗洛伊德算法(转)求一个节点到其他节点的最短路径长度: 傻子也能看懂的迪杰斯特拉算法(转) 查看详情

npm小结(代码片段)

nodejs的出现,可以算是前端里程碑式的一个事件,它让前端攻城狮们摆脱了浏览器的束缚,踏上了一个更加宽广的舞台。前端的可能性,从此更加具有想象空间。随着一系列基于nodes的应用/工具的出现,工作中与nodejs打交道的机... 查看详情

如何发布一个npm包?

npm包在现在前端开发中经常使用且便利,而我也是经常使用,而没研究怎么去发布npm。那如何发布npm包呢?一、在npm的官网上注册一个账号登录,https://www.npmjs.com/  注意此步骤记住登录名和密码,后面会使用到二、新建一个... 查看详情

git仓库合并分支指南-简单易懂

作为一名前端开发,不会git无异于自断手脚,那么请用心阅读下文,相信可以帮助到你。首先我们要了解git指令分别是什么作用git命令ssh-keygen配置密钥gitadd具体路径指定某一个文件进行提交gitadd.提交全部到暂存区gits... 查看详情

用心剖析,详解如何搭建百万pv网站架构,简单易懂!!!(代码片段)

...行版本控制和集中管理PHP程序员开发的代码,以Nginx作为前端服务器,通过fastcgi协议访问后端的PHP服务器,调用PHP页面;为保证数据安全,搭建MySQL主从复制环境存储用户重要数据;另外搭建MFS分布式文件系统来存储用户照片。1... 查看详情

一个前端开发者换电脑的过程(node篇)

 当然,在我们安装了git和vscode之后,我们这个项目,在本地仍然是跑不起来的对吗?这句“npmrundev”就提示着我们需要有一个npm,npm是一个很强大的包管理工具,就像是安卓的应用商店,苹果的appstore一样。作为开发者,需... 查看详情

npm包的发布流程

npm包的发布流程本文主要是针对还未曾发布过自己的npm的同学,阐述一下npm的发布流程熟悉的同学,可以绕道了。首先你得有一个自己的npmjs.com的账号(没有的话,就到npmjs.com上去注册一个)然后在需要发布的文件的文件夹下打... 查看详情

简单易懂的接口测试技巧建议收藏

一、什么情况下开展接口测试?1.项目处于开发阶段,前后端联调接口是否请求的通?2.有接口需求文档,开发已完成联调(可以转测),功能测试展开之前3.版本上线前,进行整体回归测试,查... 查看详情

快速开发一个npm包(轮子)(代码片段)

...你总会遇到以下问题一个基本的js库应该如何编写基本的前端项目都要哪些文件又要怎么打包发布到npm上你的es6语法如何才能让别人识别readme应该如何编写如何添加eslint怎么才能打包一个umd格式文件让html直接引用为此,我专门制... 查看详情

npmcnpmyarn三剑客(代码片段)

...它们进行插件,依赖包等的安装、卸载与更新,如果你是前端开发者或者是准备从事前端的话,你会经常与它们三个打交道,下面简单的说说它们三剑客吧!npm是什么?npm为你和你的团队打开了连接整个JavaScript天才世界的一扇... 查看详情

前端(6)开发自己的组件库+初步测试

参考技术A使用vue的脚手架来搭建项目,这里使用webpack-simple模板出现提示直接Enter确认即可然后根据提示,运行上面后三行的命令,开始运行项目根据下图所示修改目录结构,主要有两处这是一个最基本的Element-ui的入口文件,返... 查看详情

求通俗解释api我刚入门求简单易懂

ApplicationProgrammingInterface应用编程接口一般指为了开发基于某些平台的特定应用程序而使用这个平台开发商所提供的类库或者函数库。比如Windows提供了一系列的windows编程使用函数,我们称这些函数为WindowsAPI函数,它提供了对Windo... 查看详情