如何发布一个npm包？

npm包在现在前端开发中经常使用且便利，而我也是经常使用，而没研究怎么去发布npm。那如何发布npm包呢？

一、在npm的官网上注册一个账号登录，https://www.npmjs.com/

　　注意此步骤记住登录名和密码，后面会使用到

二、新建一个目录，比如study,进入到这个study目录里，使用 npm login 命令登录,按照提示操作：

　　注意 password 输入时不显示，继续按正确方式输入就行，不影响

三、进入study目录，执行命令npm init 初始化项目生成package.json文件

　　注意：package.json 文件的name值唯一，此名字就是将来供下载使用的npm包名

四、在study目录新建index.js文件

　　module.exports = "hello world";

五、在study目录下发布npm包：npm pulish

　　此步骤其实发布的就是study目录以及目录下的文件(index.js、package.json)

　如果发布成功，请在 https://www.npmjs.com/settings/XXX/packages 下查看

注意：在 npm publish 过程中遇见的问题：

　　1.邮箱未验证

　　　　npm ERR! 403 Forbidden - PUT https://registry.npmjs.org/study123 - you must verify your email before publishing a new package: https://www.npmjs.com/email-edit

　　　　处理：将邮箱中的邮箱验证链接处理下就行

　　2.npm 包名不唯一

　　　　npm ERR! you do not have permission to publish 'study'.Are you logged in as the corrent user?

　　　　处理：改变 package.json 中的name 值即可

拓展：

　　1.使用发布的npm包

　　　npm install study123 --save (包名就是package.json文件的name值)
　　　import test from 'study123'
　　　console.log(test) //"hello world"

　　2.更新一个已经发布的包
　　 npm version patch //修改包的版本
　　 npm publish //重新发布包

　　3.删除自己发布的npm包
　　　npm unpublish
　　 npm --force unpublish

转载于:https://www.cnblogs.com/changxue/p/10854460.html

如何发布一个npm包？相关推荐

webpack创建library及从零开始发布一个npm包
最近公司有个需求,我们部门开发一个平台项目之后,其他兄弟部门开发出的插件我们可以拿来直接用,并且不需要我们再进行打包,只是做静态的文件引入,研究一波后发现,webpack创建library可以实现. ...
【Npm】如何发布一个npm包？
前端日常开发经常会通过 npm install安装一些包,那这些包都是怎么发布的呢? 接下来让我们动手发布一个自己的npm 包. windows系统下演示: 步骤一.注册npm账号首先我们需要在np ...
npm 查看登陆账号_发布第一个npm包
这篇文章主要介绍如何发布一个npm包,这个过程并不复杂,学完之后你可以发布任何你喜欢的代码到npm网站上,之后你可以使用npm命令安装在其他项目中. 发布到npm网站之前,你必须在npm网站上创建一个 ...
与同事协作一起维护发布同一个npm包，报错You do not have permission to publish
问题在公司中与同事一起共同维护发布一个npm包(不同的npm账号共同维护同一个npm包),当我npm publish下一个版本的时候,出现报错,内容如下 npm ERR! code E403 npm ...
用vue写一个npm包(package)，发布及引用
提示:vue写一个npm包(package) 文章目录前言一.npm 二.npm package开发三.引用package 总结前言之前一直都是用别人封装好的npm包,新接了一个需求,自己写 ...
手撸一个npm包，安利一下duiba-sprite
背景我所在组负责我司线上H5互动小游戏的开发,其中一部分开发者负责皮肤的开发.大致流程为:视觉出psd,开发者切图,开发者开发,开发者上传皮肤代码,运营验收.这里边有个奇葩的动作:开发者切图,为什么 ...
怎么开发一个npm包
一.注册npm账号 * 怎么将代码提到github,大家都知道需要一个github账号 * 同样,开发一个npm包,当然也需要一个npm账号,将npm包发布到npm的托管服务器 * 注册地址:[htt ...
vue插件开发、文档书写、github发布、npm包发布一波流
做vue开发,基本的操作会了之后是不是特想撸一撸vue的插件,让自己的代码可(骚)复(骚)用(的).别急,今天和你一起手摸手,哦呸,是手把手,一起撸一管,哦再呸,是封装一个基于vue的支付宝密码弹窗插 ...
每日三问之html5css3新特性、如何写一个npm包、围绕vue-router展开分析知识点
html5&&css3新特性 html5 HTML5 新元素(HTML5提供了新的元素来创建更好的页面结构) 标签描述 <article> 定义页面独立的内容区域. &l ...

如何发布一个npm包？

如何发布一个npm包？相关推荐

最新文章

热门文章