如何发布一个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

时间: 2024-08-19 08:18:36

如何发布一个npm包?的相关文章

(转)前端开发-发布一个NPM包之最简单易懂流程

原文地址:https://www.cnblogs.com/sghy/p/6829747.html 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": "z

怎么开发一个npm包

一.注册npm账号* 怎么将代码提到github,大家都知道需要一个github账号* 同样,开发一个npm包,当然也需要一个npm账号,将npm包发布到npm的托管服务器* 注册地址:[http://npmjs.org](http://npmjs.org)* 该实例包含了模块的局部调用和全局调用两种方式 二.开发npm包 1.目录构建* npm init* 项目结构:```javascript.├── bin //命令配置├── README.md //说明文档├── index.js //主

上传一个npm包

1.先创建一个npm账号 https://www.npmjs.com/signup 2.在cmd里输入命令进入项目文件夹 3.使用npm init 命令创建一个package.json(确保nodejs已安装的情况下) 4.使用npm login命令登录npm账号,如果提示账号不正确始终无法登录, 可能是设置过了npm代理,看看当前用户目录下C:\Users\xia,是否有一个 .npmrc文件,打开文件看看是不是里面有注册代理的设置,如果有可以删除后 登录.成功登录后cmd没有任何提示, ht

nuget服务器搭建,以及如何发布一个Nuget包

一.本地dll如何打包,以及版本的更新 本小节主要介绍两种方式将本地dll打包为Nuget包, 1.1 利用nuget.exe进行打包(应用于.net framework) 1. 下载nuget.exe nuget.exe下载地址:https://www.nuget.org/downloads. 下载完成后,不需要安装.请将nuget.exe复制到需要打包的项目文件夹中 2. 打包成.nupkg包 首先运行.\nuget sepc 生成.nuspec配置文件,用于nuget的配置项 然后运行.\

npx:一个npm包执行器

如果你把NPM升级到最新版本,[email protected],可能会发现,它会安装一个新的包npx. npx 是什么 根据 zkat/npx 的描述,npx 会帮你执行依赖包里的二进制文件. npx是一个工具,旨在提高从npm注册表使用软件包的体验 ,npm使得它非常容易地安装和管理托管在注册表上的依赖项,npx使得使用CLI工具和其他托管在注册表.它大大简化了一些事: 举例来说,之前我们可能会写这样的命令: npm i -D webpack ./node_modules/.bin/webp

创建并发布npm包

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&qu

编写一个供浏览器端使用的NPM包

此文已由作者吴维伟授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 在编写程序时,总会有一些代码是我们不愿意一遍又一遍重复地去写的,比如一些UI或交互相似组件,或是一些相似的流程或逻辑.以前,面对这样的情况,我会将可以复用的部分抽象出来,做成可以复用的模块,放在专门存放公用模块的文件夹中,便于查找和引用.但是这样只能解决单个项目中公用模块复用的问题,如果你的模块需要被多个项目复用,那么就需要另寻它法了.本文讨论的是通过发布npm包来实现模块复用时有哪些注意事项. 新建一个

npm包发布

发布npm包 1.注册自己的账号 https://www.npmjs.com/ 2.先将自己的淘宝镜像源设置成默认的 npm config set registry https://registry.npmjs.org/ 否则发布的时候会报错 3. npm adduser/npm login登录 如果出现上述错误执行 npm config set strict-ssl false 就可以了 4.发布 npm publish 5.发布更新npm包 使用命令:npm version <update_

npm包的更新说明,你还敢不看吗

npm包的更新说明,你还敢不看吗 前言 平时工作少不了依赖一些第三方的npm包,站在各位大牛的肩膀上来更好的写bug,此外还可以学习各位大佬们的各种设计思路和优雅实现.不过npm包虽好,但使用之前也要多加甄别,特别是相同包的不同版本之间的差别,可能一不小心,原本用的飞起的轮子就会让我们笑不出来.下面用两次惨痛的线上问题来给大家提个醒. 版本依赖符号 在描述问题之前,先谈一下npm的包管理控制. 假设我们依赖一个npm包 a 常见的依赖符号有下面这么几种 { "dependencies"